消除.then块以获得JavaScript中更好的代码结构

问题描述

为使脚本结构更好，我想消除.then（）块。即转

callAsyncFunction().then( (result) => {
    console.log("done");

    callAnotherAsyncFunction().then( (result2) => {
        console.log("also done");

        // further steps ...
    });
});

进入

callAsyncFunction().wait();
console.log("done");
callAnotherAsyncfunction().wait();
console.log("also done");
// further steps ...

我知道JavaScript由于某种原因不支持诸如wait（）之类的阻塞函数。但是出于我的目的，如果有一个编译器/脚本将代码从第2个示例转换为第一个示例的代码，那将是完美的。因此，它实际上不会阻止呼叫，但可以更好地表示回调。是否存在像dart这样的脚本语言，可以将其编译为JavaScript以支持此类功能？我可以编写自己的编译器，但是那将是一个单独的项目，并且需要一些时间。

我也非常了解异步/等待的概念。不幸的是，我必须将直到main（）函数之前的所有函数都声明为异步函数，以使其在等待调用中“阻塞”。

我注意到很多人都遇到了这个问题，但是到目前为止，还没有令人满意的解决方案。

解决方法

您可以使用async/await。它使您可以编写几乎是顺序的代码，而不用处理.then。请记住，您不能在顶层使用await，它总是需要放在async函数内部，例如：

const run = async () => {
  const result = await callAsyncFunction()
  console.log("done");
  const result2 = await callAnotherAsyncFunction();
  console.log("also done");
  // further steps ...
}

run();