JS宏队列微队列

最新推荐文章于 2024-09-04 10:35:17 发布

Mr.Groooooooot

最新推荐文章于 2024-09-04 10:35:17 发布

阅读量579

点赞数

原文链接：https://blog.csdn.net/LV0720/article/details/106645167?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159659792319725219919037%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=159659792319725219919037&biz_id=0&utm_medium=

版权

javascript在执行时，遇到异步执行的方法，不会等异步方法返回结果再继续向下执行，而是先将异步方法放到一个队列中，然后继续执行，最后主线程空闲时，再按照顺序执行队列里的异步方法，叫做事件轮回。队列又分为宏队列和微队列，将宏任务放在宏队列，微任务放在微队列，在执行时遵循先全局方法，后微任务，最后宏任务的顺序。
宏任务：setTimeout, setInterval, setImmediate, I/O, UI rendering.
微任务：process.nextTick, Promise.then, Object.observer, MutationObserver.

console.log('1->全局队列script');
setTimeout(() => {
      console.log('2->timeout1');
      new Promise(resolve=>{
          console.log('3->timeout1-promise');
          resolve()
      }).then(()=>{
          console.log('4-timeout1-then');
      })
  }, 2000);

new Promise(resolve=>{
    console.log('5->promise1');
    resolve()
}).then(()=>{
    console.log('6->then=>1')
})

结果为：
1->全局队列script
5->promise1
6->then=>1
2->timeout1
3->timeout1-promise
4-timeout1-then

先执行1全局队列，将settimeout内的放到宏队列中，执行5全局队列，将then中的6放到微队列中，主程序空闲，执行微任务6，然后执行宏任务settimeout（先执行2,3，将4放入微任务中，2，3执行完后执行4）