尽管有异步包装器，但等待 Promise.all 不等待

Question

即使在阅读了几个类似问题的答案（例如 this 和 that）之后，我仍然不明白为什么这段代码不等待承诺并因此记录 ['check2'] 最后在其他检查站之后。

这是一个使用代码from this guide 的最小示例。在原始代码中，我需要先从不同来源获取一些信息，然后我的快速服务器才能开始收听。

console.log("check1");

const resolveInTwoSeconds = () => {
  return new Promise((resolve) => {
    setTimeout(() => resolve("check2"), 2000);
  })
};
async function test() {
  const asyncFunctions = [
    resolveInTwoSeconds()
  ];
  const results = await Promise.all(asyncFunctions);
  console.log(results);

}
(async() => await test())();
console.log("check3");

编辑： 想象一下“check3”是很多依赖于 test() 副作用的代码。 因此，我希望它在 check2 打印后运行。 但是我在这里使用 await，所以 我不必更改或移动“check3”。

Answer 1

这行代码声明了一个async函数并执行它：

(async() => await test())();

到目前为止，没有任何东西等待它的结果，并且执行继续到console.log("check3")。

你必须明确地等待它：

await (async () => await test())();

现在，这还不行，因为顶层函数不是async。每当您需要调用await 时，您必须确保在async 函数中调用它。一种方法是将所有内容包装在另一个 async 函数中：

(async () => {
  console.log("check1");

  const resolveInTwoSeconds = () => {
    return new Promise((resolve) => {
      setTimeout(() => resolve("check2"), 2000);
    })
  };
  async function test() {
    const asyncFunctions = [
      resolveInTwoSeconds()
    ];
    const results = await Promise.all(asyncFunctions);
    console.log(results);

  }
  await (async ()=> await test())();
  console.log("check3");
})()

否则，按照其他人的建议，将您的 check3 移动到您已有的 async 函数中。

Answer 2

这应该做你想做的事。您需要将 console.log 放在异步函数中。

console.log("check1");

const resolveInTwoSeconds = () => {
  return new Promise((resolve) => {
    setTimeout(() => resolve("check2"), 2000);
  })
};
async function test() {
  const asyncFunctions = [
    resolveInTwoSeconds()
  ];
  const results = await Promise.all(asyncFunctions);
  console.log(results);

}
(async() =>{ 
    await test();
    console.log("check3");
})();