原理图

js单线程执行,首先执行主线程stack里面所有的代码,执行完成之后执行队列里面的函数。队列里面的函数优先执行微队列里面的函数,再执行宏队列里面的函数。再执行队列里面的函数时,也是挨个取出执行,当微队列函数去除完成后,再执行宏队列里面的函数,执行顺序与之前一样。
宏队列存放:dom事件回调、ajax回调、定时器回调
微队列存放:promise回调、mutation回调
说明
1、JS中用来存储待执行回调函数的队列包含2个不同特定的队列
2、宏列队:用来保存执行的宏任务(回调),比如说:定时器回调、dom回调、ajax回调
3、微列队:用来保存待执行的微任务(回调),比如说:promise的回调、MutationObserver的回调
4、JS执行时会区别这2个队列
(1)JS引擎首先必须执行所有的初始化同步任务代码
(2)每次准备取出第一个宏任务执行前,都要将所有的微任务一个一个取出来执行
4
网友评论