1,宏队列:用来保存 待执行的宏任务(回调),
比如:定时器回调 、DOM事件回调、ajax回调
2,微队列:用来保存待执行的微任务(回调),
比如:promise的回调、MutationObserve的回调
3,JS执行时会区别这 2个队列
JS引擎首先必须先执行所有的初始化同步任务代码
每次准备取出第一个宏任务执行前,都要将所有的微任务一个一个取出来执行
setTimeout(()=>{ //立即放入宏队列
console.log(‘setTimeout1‘)
Promise.resolve(3).then(
value => { //立即放入微队列
console.log(‘onResolved3()‘, value)
}
)
},0)
setTimeout(()=>{ //立即放入宏队列
console.log(‘setTimeout2‘)
},0)
Promise.resolve(1).then(
value => { //立即放入微队列
console.log(‘onResolved1()‘, value)
setTimeout(()=>{
console.log(‘setTimeout3‘, value)
},0)
}
)
Promise.resolve(2).then(
value => { //立即放入微队列
console.log(‘onResolved2()‘, value)
}
)

原文:https://www.cnblogs.com/shanlu0000/p/12985494.html