微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

秒懂promise 与 async await

原文链接https://www.cnblogs.com/zddzz/p/10831668.html

promise方法

    let p1 = new Promise((resolve,reject) => {
        setTimeout(() => {
            resolve('我是p1')
        },4000)
    })
    let p2 = new Promise((resolve,reject) => {
        setTimeout(() => {
            resolve('我是p2')
        },200)
    })
    let p3 = new Promise((resolve,reject) => {
        setTimeout(() => {
            resolve('我是p3')
        },200)
    })
    // 想让p1完成后再执行P2再执行P3
    // 数量太多只能循环嵌套
    p1.then((res) => {
        console.log(res);
        p2.then((res) => {
            console.log(res);
            p3.then((res) => {
                console.log(res);
            })
        })
    })

async await语法糖

 let a1=()=>{
     return new Promise((resolve,reject) => {
         setTimeout(() => {
             resolve('我是a1')
         },4000)
     })
 } 
 let a2=()=>{
     return new Promise((resolve,reject) => {
         setTimeout(() => {
             resolve('我是a2')
         },40)
     })
 } 
 let a3=()=>{
     return new Promise((resolve,reject) => {
         setTimeout(() => {
             resolve('我是a3')
         },40)
     })
 } 
 // 想让a1完成后再执行a2再执行a3
 //能避免回调
 async function asy(){
     await a1().then((res) => {console.log(res)});
     await a2().then((res) => {console.log(res)});
     await a3().then((res) => {console.log(res)});
 }
 asy();

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐