async函数块之间如何同步执行？

Question

请问多个async函数块之间如何同步的进行执行？

例子：以下两个async函数块如何顺序进行？

class Example {

    first;

    second;

    constructor(){

    }

    

    async  getFirstVal(){

     this.first = await [一个promise]

    }

    

    async  getSecondVal(){

    this.second = await[一个依赖于first的promise]

    }

    

    async  getOtherVal(){

    this.other = await[一个promise]

    }

    

    doSomeWork(){

    this.getFirstVal(); 

    this.getSecondVal();

    this.getOtherVal();

    ........

    }

}

请问，怎么做才能保证doSomeWork里面的first和second这两个异步块顺序执行？

我不想将second这一部分的逻辑写入getFirstVal方法中，虽然这样能获得正确的执行顺序，因为getFirstVal可能在很多地方都会异步调用到，我想将他封装成一个单独的函数。请问有什么好的方法帮助我实现这种async块之间的顺序执行吗？

Answer 1

   function async2() {        console.log( 'async2');    }    async function async1(resolve) {        await setTimeout(function () {            console.log("settimeout");            //当我认定async1完成后才开始async2            resolve()        },0);    }    new Promise(function (resolve) {        async1(resolve)    }).then(function () {        async2()    });或者new Promise(function (resolve) {        async1()        resolve()    }).then(function () {        async2()    });虽然记得不是很清楚了，但第一种代码似乎被称作“Promise构造器反模式”，最大的问题是async1抛出的错误会被吃掉。如果我没有记错，是不提倡把resolve泄露出去的，而且不应该在构造器里出现任何Promise，应该.then下去。我见到的最佳实践都是构造器只包装老API，不放逻辑。所以这段代码虽然看起来涨姿势，我个人还是觉得值得商榷的。