macrotask和microtask

原创文章，转载请标明出处：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"