async/await 和 Promise的执行顺序问题

最新推荐文章于 2023-11-07 21:35:07 发布

gupard

最新推荐文章于 2023-11-07 21:35:07 发布

阅读量260

点赞数

分类专栏： problem-solve 文章标签： javascript

本文链接：https://blog.csdn.net/gupard/article/details/103854595

版权

探讨了async/await和Promise的执行顺序问题，分析Promise的缺点，并提供三种方法来实现期望的执行顺序，包括在async中使用await定义Promise，使用立即执行函数以及重新定义Promise函数。

摘要由CSDN通过智能技术生成

async/await 和 Promise的执行问题

项目中使用了async/await ，模拟代码如下：
Promise的缺点：（引用：阮一峰）
1.一旦新建，就会立即执行
2.如果不设置回调函数，Promise内部抛出的错误，不会反应到外部
3.当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）
分析可得：原来的p1和p2在定义的时候就会执行

var data='0'
var p1= new Promise(resolve=>{
   
    console.log('data_p1:'+data)
    setTimeout(()=>{
    
        data='2'
        resolve('Done')
    }, 1000);
})
var p2=new Promise(resolve=>{
   
    console.log('data_P2:'+data)
    resolve('Done')
})
async function f(){
   
    console.