JavaScript事件循环_微任务与宏任务执行机制
JavaScript 是单线程语言，通过事件循环
（Event Loop）实现异步操作的管理。理解微任务与宏任务的执行机制，有助于掌握代码的实际执行顺序。
宏任务与微任务的基本概念
宏任务（Macrotask）：每次事件循环中执行的一个完整任务单元，例如：
- 整体脚本代码（script）
- setTimeout 回调
- setInterval 回调
- I/O 操作
- UI 渲染
微任务（Microtask）：在当前宏任务结束后、下一个宏任务开始前立即执行的任务，包括：
- Promise.then/catch/finally 回调
- queueMicrotask()
- MutationObserver（DOM 变化监听）
事件循环的执行流程
事件循环遵循以下规则：
- 先执行同步代码
- 遇到异步任务时，将其回调注册到对应的队列（宏任务或微任务）
- 当前宏任务执行完毕后，立刻清空所有可执行的微任务队列
- 微任务执行完后，进行一次可能的 UI 渲染，然后开始下一个宏任务
关键点：每个宏任务执行完后，必须清空当前所有的微任务，再进入下一个宏任务。
实际执行顺序示例
看一段典型代码来验证执行顺序：
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.resolve().then(() => { console.log('A'); Promise.resolve().then(() => { console.log('B'); }); }); console.log('C');输出为：C → A → B
因为第一个 then 是微任务，执行时又添加了一个微任务，这个新微任务会在本轮微任务队列中继续执行。
基本上就这些。只要记住：宏任务划分阶段，微任务穿插在中间且优先执行。不复杂但容易忽略细节。
