JavaScript事件循环中宏任务与微任务的执行顺序为：先执行一个宏任务，再清空全部微任务，然后执行下一个宏任务；宏任务包括script、setTimeout、setInterval等，微任务包括Promise.then、queueMicrotask等；典型输出顺序为1→4→3→2。
JavaScript 的事件循环（Event Loop）中，宏任务（Macrotask）与微任务（Microtask）的执行顺序决定了代码的实际运行时序。理解它们的区别和执行优先级，是搞懂异步行为、避免“意料之外”的执行结果的关键。
宏任务有哪些？
宏任务是事件循环一次迭代中执行的较大粒度任务，每次只执行一个。常见宏任务包括：
- script 整体代码（初始脚本）
- setTimeout 和 setInterval 的回调
- setImmediate（Node.js 环境）
- I/O 回调（如文件读取、网络请求完成后的回调）
- UI 渲染（浏览器环境，在宏任务之间可能触发）
微任务有哪些？
微任务在当前宏任务执行结束后、下一个宏任务开始前立即执行，且会清空整个微任务队列。常见微任务包括：
- Promise.then/catch/finally 的回调（注意：Promise 构造函数内的执行器函数是同步的）
- MutationObserver 的回调
- queueMicrotask() 显式加入的微任务
- await 后续代码（本质是 Promise 链的语法糖）
执行顺序：先宏后微，微尽再宏
事件循环每轮流程为：
立即学习“Java免费学习笔记（深入）”；
- 从宏任务队列中取出一个最老的宏任务执行（如 setTimeout 回调）
- 执行过程中遇到同步代码立即运行；遇到 Promise.then 推入微任务队列；遇到 setTimeout 推入宏任务队列
- 当前宏任务执行完毕后，立即执行所有已排队的微任务（一个不剩），期间新产生的微任务也会被追加并执行
- 微任务队列清空后，浏览器可能进行 UI 渲染（如有需要）
- 回到步骤 1，取下一个宏任务
简单记：每轮 Event Loop 只处理一个宏任务，但会一口气跑完所有等待中的微任务。
一个典型例子帮你理清顺序
看这段代码：
console.log(1); setTimeout(() => console.log(2), 0); Promise.resolve().then(() => console.log(3)); console.log(4);
输出顺序是：1 → 4 → 3 → 2。
原因：1 和 4 是同步宏任务（script）；3 是微任务，插在 script 结束后、下个宏任务（setTimeout）前；2 是新的宏任务，排在下一轮。
