原创文章,转载请标明出处:https://blog.csdn.net/yihanzhi/article/details/79979363
事件循环的机制:
步骤1)执行macrotask 队列中最早的那个任务 task ,然后移出;
步骤2)执行 microtask 队列中所有可用的任务,然后移出;
上面两个的步骤是一个事件循环,重复以上步骤实现事件循环。
范围所属:
macrotasks: 代码块、setTimeout、setInterval、setImmediate、I/O、UI渲染;
microtasks: process.nextTick、Promise、 Object.observe、 MutationObserver。
执行顺序:
macrotasks:代码块、I/O、UI渲染在当前事件循环中执行;setTimeout、setInterval、setImmediate在设定时间后,插入任务队列,并不在当前事件循环中。
microtasks执行优先级:process.nextTick 先于 Promise.then执行。
以下代码给出了执行顺序:
process.nextTick(function(){
console.log("nt1");//执行顺序3
})
setTimeout(function(){
console.log('st');//执行顺序6
},0)
new Promise(function(resolve){
console.log("promise_s");//执行顺序1
resolve();
}).then(function(resolve){
console.log("promise_call");//执行顺序5
})
process.nextTick(function(){
console.log("nt2");//执行顺序4
})
console.log('end');//执行顺序2
//结果输出:"promise_s" > "end" > "nt1" > "nt2" > "promise_call" > "st"