看下面这段代码
setTimeout(function(){console.log(1)},0)
new Promise((resolve,reject)=>{
console.log(2)
for(let i =0;i<10;i++){
if(i=== 6)console.log(6)
i === 9 && resolve()
}
console.log(3)
}).then(()=>console.log(4))
console.log(5)
代码执行:
主代码:
1、遇到定时器,放到下一轮的宏任务队列;
2、走到 promise函数执行 输出2;
3、走到 for循环 i为 6的时候 输出6;
4、走到 i为 9 的时候,执行promise.then,但是他是个微任务,先放到这一轮微任务队列。
5、走到 输出3,
6、走到 输出5。
这一轮宏任务执行完毕,然后执行这一轮微任务 promise.then,输出4。
这一轮微任务执行完毕 ,然后执行下一次的 宏任务 setTimeout 输出1
事件轮询 简单来说就是不停的 宏任务-微任务 宏任务-微任务的 顺序执行
宏任务包含:
script(整体代码)
setTimeout
setInterval
I/O
UI交互事件
postMessage
MessageChannel
setImmediate(Node.js 环境)
微任务包含:
Promise.then
Object.observe
MutaionObserver
process.nextTick(Node.js 环境)