javascript - Promise 解析中的异步与 then

Question

在下面的代码中，我将 Promise 与 .then() 一起使用，但它不会等待 setTimeout() > 正如我所料。

为什么async/await要等待setTimeout()？看起来 await 会等待 Promise 解析，但 .then() 不会。有人可以提供一些详细信息吗？

function hello() {
  console.log('hello');
}

function myPromiseFunction() {
  return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log('hey');
      resolve();
    }, 2000);
  });
}

myPromiseFunction().then(hello());  // Prints 'hello' then 'hey'

async function myAsyncFunction() {
  await myPromiseFunction();
  hello();
}

myAsyncFunction();  // Prints 'hey' then 'hello'

Answer 1

myPromiseFunction().then(hello()) 使用调用 hello() 的结果作为 .then() 的回调。如果您希望使用 hello() 作为回调函数本身，请使用以下语法之一:

myPromiseFunction().then(() => hello());

myPromiseFunction().then(hello);

请注意，第二个语法以静默方式将参数传递给 hello() - 由 Promise 解析的值。在您的示例中，这不是问题(因为 hello() 根本不检查使用其参数)，但它可能是导致问题的原因。