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"
阅读更多
个人分类: javascript
上一篇Node.js的process.nextTick()
下一篇js中new函数后带括号和不带括号的区别
想对作者说点什么? 我来说一句

免费的vpn小白兔软件

2011年06月08日 978KB 下载

没有更多推荐了,返回首页

关闭
关闭