原理图

JS的宏队列与微队列

js单线程执行，首先执行主线程stack里面所有的代码，执行完成之后执行队列里面的函数。队列里面的函数优先执行微队列里面的函数，再执行宏队列里面的函数。再执行队列里面的函数时，也是挨个取出执行，当微队列函数去除完成后，再执行宏队列里面的函数，执行顺序与之前一样。

宏队列存放：dom事件回调、ajax回调、定时器回调

微队列存放：promise回调、mutation回调

说明

1、JS中用来存储待执行回调函数的队列包含2个不同特定的队列
2、宏列队：用来保存执行的宏任务（回调），比如说：定时器回调、dom回调、ajax回调
3、微列队：用来保存待执行的微任务（回调），比如说：promise的回调、MutationObserver的回调
4、JS执行时会区别这2个队列
（1）JS引擎首先必须执行所有的初始化同步任务代码
（2）每次准备取出第一个宏任务执行前，都要将所有的微任务一个一个取出来执行
4