事件循环(Event Loop)

event loop它的执行顺序：

1. 一开始整个脚本作为一个宏任务执行
   执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列
   当前宏任务(同步代码)执行完出队，检查微任务列表，有则依次执行，直到全部执行完
   执行浏览器UI线程的渲染工作
   检查是否有Web Worker任务，有则执行
   执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空

2. 微任务包括：MutationObserver、Promise.then()或catch()、Promise为基础开发的其它技术，比如fetch API、V8的垃圾回收过程、Node独有的process.nextTick。
   宏任务包括：script 、setTimeout、setInterval 、setImmediate 、I/O 、UI rendering。

3. 注意⚠️：在所有任务开始的时候，由于宏任务中包括了script，所以浏览器会先执行一个宏任务，在这个过程中你看到的延迟任务(例如setTimeout)将被放到下一轮宏任务中来执行。

补充

第一个宏任务(同步)执行完毕，会执行微任务。微任务执行完毕，会执行第二个以至于后面的宏任务

微任务队列只有一个
宏任务队列有多个