JavaScript 默认等待而不是手动等待

Question

Async/await 真的很方便，但我想要与它们相反的行为。除非我手动要求它们等待承诺，否则其他函数不会继续运行，而是希望函数产生，除非我手动指定它们继续并行运行。

例如，这段代码会打印出1 3 2:

function wait(ms) {
    return new Promise(r => setTimeout(r, ms));
}

async function a() {
    console.log("1");
    await wait(5000);
    console.log("2");
}

a();
console.log("3");

我希望它打印出1 2 3，函数a() 在我等待 5 秒并打印 2 之前不会真正返回。我正在做一个我更喜欢轻量级的扩展，所以我宁愿不使用 3rd 方库。

有什么办法吗？

Answer 1

隐式等待是不好的，原因在 this blog 中有详细说明。简而言之，考虑一下为什么不需要锁定 JavaScript。这是因为我们不担心被抢占先机。

另外，正如 Daniel 在 cmets 中提到的，全局 await 也是不允许的，大概是为了向后兼容。

您可以通过像这样包装您的顶级代码来解决这个问题：

let wait = ms => new Promise(r => setTimeout(r, ms));

async function a() {
  console.log("1");
  await wait(5000);
  console.log("2");
}

(async () => {

  // Put your top level code here!

  await a();
  console.log("3");

})().catch(e => setTimeout(() => { throw e; }));

不完美，但可以完成工作，不会颠倒一切。