js - 宏任务与微任务

最新推荐文章于 2024-09-14 18:52:56 发布

潇潇-潇潇

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量116

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_42631976/article/details/119988230

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文深入探讨JavaScript中的宏任务和微任务，解释它们如何影响事件轮询机制的执行顺序。从同步任务到异步任务，从宏任务（如setTimeout、主代码块）到微任务（如Promise、process.nextTick），详细阐述了它们的执行流程，帮助理解JavaScript中的任务调度和执行顺序。

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

ms-宏任务与微任务？
JS分为同步任务和异步任务，宏任务与微任务是解决js中事件轮巡机制执行顺序的问题。
宏任务是指：宏任务指执行栈中待执行的任务（包括主代码块，事件回调，setTimeout，setInterval）
微任务微任务指执行栈清空后立即执行的任务（包括Promise，process.nextTick,MutationObserve）

宏任务与微任务的执行机制:
1.整体script作为第一个宏任务进入主线程，遇到setTimeout入栈处理，发现是异步函数（宏任务），将回调函数加到宏任务队列尾部；
2.遇到new Promise,入栈处理，发现是同步任务，直接执行。
3.遇到then，入栈处理，发现是异步函数（微任务），出栈，将回调函数加入微任务队列尾部；
4.栈已清空，检查微任务队列；
5.取出第一个回调函数，入栈处理，发现是同步任务，直接执行
6.继续从取微任务队列中取下一个，发现微任务队列已清空，结束第一轮事件循环；
7.从宏任务队列中取出第一个宏任务，入栈处理，发现是同步任务，直接执行

主线程 -> 微任务 -> 宏任务