JS的宏任务和微任务


机制如下:



宏任务后的微任务队列执行完后执行下一个宏任务;

宏任务

  • I/O,事件队列中的每一个事件都是一个macrotask
  • setTimeout / setInterval
  • MessageChannel是通信渠道API,ie11以上和其它浏览器支持。
  • setImmediate 目前只有IE10以上实现了该方法其它浏览器不支持.作用回调功能,node支持。
  • requestAnimationFrame 也算宏任务 node不支持。

微任务包括

  • Promise.then catch finally
  • MutationObserver 浏览器支持 IE11以上 node不支持,它会在指定的DOM发生变化时被调用
  • process.nextTick 浏览器不支持 node支持

async函数在await之前的代码都是同步执行的

案例

async function async1() {
    console.log("async1start");
    await async2();
    console.log("async1end")
}
async function async2() {
    console.log("async2")
}
console.log("scriptstart");
setTimeout(function () {
    console.log("setTimeout")
},0);
async1();
new Promise(function (resolve) {
    console.log("promise1");
    resolve()
}).then(function () {
    console.log("promise2")
});
console.log("scriptend");
script start
async1 start
async2
promise1
script end
promise2
async1 end
setTimeout

声明:Mr.xu|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - JS的宏任务和微任务


Carpe Diem and Do what I like