【干货】顺序执行

Yin.云端2023-12-06 17:50

方法1：脚本顺序执行

javascript 复制代码

testFun001(){
    api.commonAjax666({}).then((res)=>{
        if(res.code==200){
            console.log("第一个执行！")
            this.testFun002()
        }
    })
},
testFun002(){
    console.log("第二个执行！")
}

方法2：new Promise()

javascript 复制代码

this.testFun()

testFun(){
    this.testFun001().then((res)=>{
        console.log("第一个执行！")
        this.testFun002()
    })
},
testFun001(){
    return new Promise((resolve, reject)=>{
        api.commonAjax666({}).then((res)=>{
            if(res.code==200){
                resolve(res)
            }
        })
    })
},
testFun002(){
    console.log("第二个执行！")
}

方法3：Promise.all()

javascript 复制代码

Promise.all([
    this.testFun001()
]).then((res)=>{
    this.testFun002()
})
testFun001(){
    return new Promise((resolve, reject)=>{
        api.commonAjax666({}).then((res)=>{
            if(res.code==200){
                console.log("第一个执行！")
                resolve(res)
            }
        })
    })
},
testFun002(){
    console.log("第二个执行！")
}

方法4：Promise.race()

注意：

（1）写法同方法3，只需将 all 修改为 race

（2）区别：Promise.all() 所有数据；Promise.race() 先请求回来数据