一、原理图
二、定义说明
JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队
-
**宏列队:**用来保存待执行的宏任务(回调),比如:定时器回调、DOM 事件回调、ajax 回调
-
**微列队:**用来保存待执行的微任务(回调),比如:promise的回调、MutationObserver 的回调
JS 引擎首先必须先执行所有的初始化同步任务代码
每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行,也就是优先级比宏任务高,且与微任务所处的代码位置无关
下面这个例子可以看出 Promise 要先于 setTimeout 执行:
setTimeout(() => { //立即放入宏队列
console.log('timeout callback1()')
Promise.resolve(3).then(
value => { //立即放入微队列
console.log('Promise onResolved3()', value)
}
)
}, 0)
setTimeout(() => { //立即放入宏队列
console.log('timeout callback2()')