首页手记【学习打卡】第13天 3-16 Promise和回调函数

【学习打卡】第13天 3-16 Promise和回调函数

标签：

Vue.js

课程名称：毕业一课通，从开题到答辩高效完成
课程章节：3-16 Promise和回调函数
主讲老师：然冬

课程内容：
回调地狱
promise

课程收货：
回调地狱代码演示：
promise的代码演示：

//async-await

// const fn = async () =>{

// }

// const fn = async function (){

// }

// promises
// 回调函数
// 一个接口，要拿到数据，跑5个前置接口
const request = (arg ,cb ) =>{
    setTimeout(() => {
        console.log(arg);
        cb(arg + 1);
    }, 1000);
}

request(1,function(res1){
    request(res1,function(res2){
        request(res2,function(res3){
            request(res3,function(res4){
                request(res4,function(res5){
                    // 回调地狱
                    console.log('res',res5);
                })
            })
        })
    })
})

promise：

const request = (arg) =>{
    return new Promise((resolve, reject) =>{
        setTimeout(() => {
            console.log(arg)
            resolve(arg+1)
        }, 1000);
    })
}

request(1).then((res1) =>{
    return request(res1);
})
.then((res2) =>{
    return request(res2);
})
.then((res3) =>{
    return request(res3)
})
.then((res4) =>{
    return request(res4)
})
.then((res5) =>{
    console.log(res5)
});