主页 / 问题 / 1447152
Accepted
Салават
Asked:2022-09-09 22:10:30 +0000 UTC2022-09-09 22:10:30 +0000 UTC

我不太明白 Promise 在 JS 中是如何工作的

  • 772

我正在用 javascript 中的 promises 和 async / await 进行试验，但我不太明白这个脚本是如何工作的：

let promise = new Promise(()=> {
    setTimeout(()=> console.log('Hi'), 3000)
});
function sayHi2(){
    console.log('HiHi');
}                         
async function f() {
    await promise;
    sayHi2();
}                          
f();

它给了我：

在此处输入图像描述

承诺会在 3 秒后正常工作，但他们无法解决 sayHi2()函数，尽管我希望承诺会首先工作，也就是说，它将在 3 秒后显示信息，然后是sayHi2()功能将起作用。为什么会发生这种情况，您如何获得预期的结果？

javascript

0 个回答

  1. Best Answer

    Promise 有 3 种状态：pending（等待）、fullfill（成功完成）和拒绝（完成但有错误）。您必须使用 resolve（将 Promise 状态设置为已完成），否则您的 Promise 处于待处理状态并且没有任何反应。像这样是正确的：

    let promise = new Promise((resolve, reject)=> {
    setTimeout(()=> resolve(console.log('Hi')), 3000)
});
function sayHi2(){
    console.log('HiHi');
}                         
async function f() {
    await promise;
    sayHi2();
}                          
f();

    https://learn.javascript.ru/promise

    • 3 
  2. /*
Что такое промис: это такая штука, которая выполняет некий асинхронный код
и возвращает некоторые данные тогда, когда этот код будет выполнен.
Чтобы вернуть эти данные нужно для начала правильно создать промис:
Промис принимает callback с двумя параметрами resolve и reject, которые в свою очередь 
тоже являются функциями. 
*/
const promise = new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve('Hi'); 
    /*
            Мы вызываем функцию resolve и передаем в неё строку "Hi". Когда промис
      выполниться мы сможем получить данные которые мы передали в функцию resolve, в нашем случае
      это строка hi
    */
    }, 3000)
})
function sayHi2(){
    console.log('HiHi');
}       
/*
Что происходит сдесь: 
async - дает знать движку что в этой функции будет выполняться 
асинхронный код. Так же это нам даст доступ к ключевому слову await

await(подождать) - приостанавливает выполнение функции до того момента, 
пока асинхронная операция не будет выполнена
*/
async function f() {
    console.log(await promise);
    sayHi2();
}                          
f();
    • 1

相关问题