事件循环 EventLoop ​

Event Loop 即事件循环，是浏览器(或 Node)防止 js 单线程 运行时阻塞的一种机制，也就是我们经常使用异步的原理。

同步任务和异步任务 ​

同步任务： 同步任务会在调用栈中按照顺序等待主线程依次执行

异步任务： 异步任务会在异步任务有了结果后，将注册的回调函数放入任务队列中等待主线程空闲的时候（调用栈被清空），被读取到栈内等待主线程的执行。

宏任务 macro task ​

微任务 micro task ​

执行流程 ​

总结 ​

1. js 遇到一个异步任务后不会等待其返回结果，而是将其挂起，继续执行执行栈中的同步任务
2. 当异步返回结果后，不会立即执行，而是将结果添加到任务队列中
3. 当主线程空闲（任务都执行完）时，会查看任务队列中是否有任务，如果有将其取出并放入到执行栈，然后执行其中的同步代码
4. 如此往复，形成了一个环（事件循环）
5. 事件循环不一定每轮都伴随着重渲染。

参考 ​

• 掘金：一次弄懂 Event Loop（彻底解决此类面试问题）
• 知乎：深入解析 EventLoop 和浏览器渲染、帧动画、空闲回调的关系
• CSDN：Event loop 及 macro task & micro task