本文介绍了JavaScript中的异步执行顺序，包括MacroTask Queue（宏任务队列）和MicroTask Queue（微任务队列），详细阐述了它们的区别以及在执行过程中的顺序规则。重点讨论了Promise、setTimeout和async的执行顺序，并提供了相关准则。
异步执行顺序
任务队列
JavaScript通过任务队列管理所有异步任务，而任务队列还可以细分为MacroTask Queue和MicoTask Queue两类。
MacroTask Queue
MacroTask Queue（宏任务队列）主要包括setTimeout, setInterval, setImmediate, requestAnimationFrame, UI rendeing, NodeJS中的`I/O等。
MicroTask Queue
MicroTask Queue（微任务队列）主要包括两类：
1.独立回调microTask：如Promise，其成功／失败回调函数相互独立；
2.复合回调microTask：如 Object.observe, MutationObserver 和NodeJs中的 process.nextTick ，不同状态回调在同一函数体；
MacroTask和MicroTask
JavaScript将异步任务分为MacroTask和MicroTask，那么它们区别何在呢？
- 依次执行同步代码直至执行完毕；
- 检查MacroTask队列，若有触发的异步任务，则取第一个并调用其事件处理函数，然后跳至第三步，若没有需处理的异步任务，则直接跳至第三步；
- 检查MicroTask队列，然后执行所有已触发的异
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
