宏任务和微任务生成方式:
microtask:Promise、process.nextTick等
macrotask:代码块、setTimeout、setInterval
console.log('1'); // 宏任务1
setTimeout(() => {
console.log('2'); // 宏任务3
}, 0);
Promise.resolve().then(() => {
console.log('3'); // 微任务1
}).then(() => {
console.log('4'); // 微任务3
}).then(async () => {
await console.log('5'); // 微任务5
})
let arr = [0];
Promise.resolve().then(() => {
arr.map(() => {
console.log('6'); // 微任务2
})
}).then(() => {
console.log('7'); // 微任务4
})
console.log('8'); // 宏任务2
> 1
> 8
> 3
> 6
> 4
> 7
> 5
> 2
为啥setTimeout作为一个宏任务在一堆微任务之后呢?因为他被放在事件触发线程之中了,要等待JS引擎线程清空任务后才会被塞进去。