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

最新推荐文章于 2025-03-19 06:26:13 发布

Cacra

最新推荐文章于 2025-03-19 06:26:13 发布

阅读量2.3k

点赞数

分类专栏： Javascript ES6

本文链接：https://blog.youkuaiyun.com/u014465934/article/details/99766790

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们这篇主要讲浏览器和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