浏览器执行Js代码逻辑

Event Loop简介

浏览器特定的事件执行机制（Event Loop）：JavaScript引擎先执行同步代码，遇到异步代码会先将其挂起，并在需要执行的时候加入到Task队列（有多种task队列）中，一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行。

宏观任务及微观任务理解

把宿主（node、浏览器）发起的任务称为宏观任务（macro task）如setTimeOut、setInterval、setImmediate、I/O。把 JavaScript 引擎发起的任务称为微观任务（micro task），如process.nextTick、promise、mutationObserver。

Event Loop执行逻辑

Event Loop 执行顺序如下所示：
1. 首先执行宏观任务中的同步代码。
2. 当执行完所有同步代码后，执行栈为空，查询是否有异步代码需要执行。
3. 执行所有微任务。
4. 当执行完所有微任务后，执行宏任务中的异步代码，也就是 setTimeout 中的回调函数