JavaScript 是单线程语言，通过事件循环（Event Loop）实现异步操作的管理。理解微任务与宏任务的执行机制，有助于掌握代码的实际执行顺序。

宏任务与微任务的基本概念

宏任务（Macrotask）：每次事件循环中执行的一个完整任务单元，例如：

• 整体脚本代码（script）
• setTimeout 回调
• setInterval 回调
• I/O 操作
• UI 渲染

微任务（Microtask）：在当前宏任务结束后、下一个宏任务开始前立即执行的任务，包括：

• Promise.then/catch/finally 回调
• queueMicrotask()
• MutationObserver（DOM 变化监听）

事件循环的执行流程

事件循环遵循以下规则：

立即学习“Java免费学习笔记（深入）”；

• 先执行同步代码
• 遇到异步任务时，将其回调注册到对应的队列（宏任务或微任务）
• 当前宏任务执行完毕后，立刻清空所有可执行的微任务队列
• 微任务执行完后，进行一次可能的 UI 渲染，然后开始下一个宏任务

关键点：每个宏任务执行完后，必须清空当前所有的微任务，再进入下一个宏任务。

实际执行顺序示例

看一段典型代码来验证执行顺序：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

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 是微任务，执行时又添加了一个微任务，这个新微任务会在本轮微任务队列中继续执行。

基本上就这些。只要记住：宏任务划分阶段，微任务穿插在中间且优先执行。不复杂但容易忽略细节。