JavaScript通过事件循环实现异步处理，先执行同步代码，再优先清空微任务队列，然后执行宏任务，形成“宏任务→所有微任务→下一宏任务”的循环机制。
JavaScript 是单线程语言，但它通过事件循环（Event Loop）实现了高效的并发模型。这种模型让 JS 能在不阻塞主线程的前提下处理异步操作，比如网络请求、定时器和用户交互。
执行栈与任务队列
JavaScript 的代码执行依赖于调用栈，也就是执行栈。函数被调用时入栈，执行完毕后出栈。同步代码会依次执行并清空栈。
当遇到异步操作（如 setTimeout、fetch），它们不会立即执行回调，而是交给浏览器的其他模块（如定时器模块或网络模块）处理。这些回调最终会被放入任务队列中，等待事件循环调度。
- 宏任务（Macro Task）：包括整体代码块、setTimeout 回调、setInterval 回调、I/O 操作、UI 渲染。
- 微任务（Micro Task）：包括 Promise.then 回调、MutationObserver、queueMicrotask。
事件循环的工作机制
事件循环持续监听执行栈和任务队列的状态。它的基本流程是：
- 主线程执行同步代码，清空执行栈。
- 遇到异步任务时，将其回调注册到对应的任务队列中。
- 同步代码执行完成后，事件循环先检查微任务队列。
- 如果有微任务，逐一执行直到微任务队列清空。
- 然后从宏任务队列中取一个任务执行。
- 每轮宏任务执行后，再次清空所有微任务。
这个“宏任务 → 所有微任务 → 下一个宏任务”的模式保证了微任务的高优先级。
实际调度示例
看一段典型代码帮助理解执行顺序：
console.log('1');
setTimeout(() => {
console.log('2');
}, 0);
Promise.resolve().then(() => {
console.log('3');
});
console.log('4');
输出顺序是：1 → 4 → 3 → 2
原因：
- '1' 和 '4' 是同步代码，直接输出。
- setTimeout 回调进入宏任务队列。
- Promise.then 回调进入微任务队列。
- 同步代码结束后，事件循环先处理微任务（输出3），再处理宏任务（输出2）。
理解任务优先级的重要性
微任务总是在当前宏任务结束前被清空，这意味着它们比下一个宏任务更早执行。这在处理 Promise 链或异步状态更新时尤为重要。
例如，在 Vue 或 React 中，状态更新后的回调常借助微任务实现“异步但尽快”执行，避免频繁渲染。
基本上就这些。事件循环虽不复杂，但掌握它能帮你准确预测异步代码的执行顺序，减少 bug。
