promise、async/await在任务队列中的执行顺序

本文深入探讨了浏览器和Node.js环境下任务队列的执行顺序,重点讨论了promise和async/await的执行逻辑。总结关键点:微任务中的nextTick在Promise.next之前;setTimeout在setImmediate之前;所有微任务执行完后,执行宏任务。async函数返回Promise,await等待的是返回值,并在本轮事件循环结束后执行。详细分析了宏任务与微任务的创建和执行顺序,以及相关资源链接供参考。
摘要由CSDN通过智能技术生成

我们这篇主要讲浏览器和Nodejs环境下任务队列的执行顺序,尤其关注promise和async/await在任务队列中的执行顺序。

1.setTimeout、setImmediate、nextTick、Promise.next情况下

我们先记住几条结论:
1.有process和setImmediate就考虑是在nodejs环境下
2.微任务中nextTick队列在Promise.next前
3.宏任务中setTimeout在setImmediate前
4.所有可执行的微任务(包括nextTick和then)执行完毕之后,执行宏任务,注意宏任务队列并不是全部执行,执行全部的setTimeout队列中所有任务,再去执行对应产生的微任务,再去执行setImmediate,再去执行setImmediate产生的微任务。

我们先看一道题:

setTimeout(function(){
	console.log(1)
},0);

new Promise(function(resolve,reject){
	console.log(2);
	resolve();
})
.then(function(){
	console.log(3)
})
.then(function(){
	console.log(4)
});

process.nextTick(function(){console.log(5)});

console.log(6);

输出2,6,5,3,4,1

在这里插入图片描述
参考文章:http://m.nowcod

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值