async/await 处理多个方法时的问题？

Question

loginInit 方法调用了 login 和 getUserInfo和 loginPost 方法。
经过测试login 和 getUserInfo中mpvue调用的方法是异步，用async/await 的话如何处理？

Answer 1

async/await是promise的语法糖，所以要使用它就必须将你的返回值改写成promise如下：

getUserInfo() {
    return new Promise((resolve, reject) => {
        mpvue.getUserInfo({
            success: function(res) {
                resolve(res);
            },
            fail: function(err) {
                reject(err);
            }
        });
    });
},
async loginInit() {
    await this.getUserInfo();
}

Answer 2

async loginInit() {
    await this.login()
    await this.getUserInfo()
    await loginPost()
}

Answer 3

loginPost没问题，login 和 getUserInfo得返回Promise，你得封装一下，然后用await调用
好好学一下Promise，想用async/await绕不开的

Answer 4

让login和getUserInfo返回一个promise对象，然后loginInit就可以在调用这两个方法前面加上await，

async getUserInfo(){
    return new Promise((resolve,reject)=>{
        mpvue.getUserInfo(
            {
                success:(res)=>{
                    ...
                    resolve(res);
                }
            }
        );
    });
}

Answer 5

首先，await 后面必须是一个 Promise 对象

这段代码你可以理解为 异步代码同步化的一种实现 ，但是你要确认 await 后面的 Api.Login() 返回的是不是一个 Promise 对象

其他的异步函数同步化执行也是一样的原理，原理可以参考 Generator 和 Promise