在JavaScript的世界里，异步执行一直是个让人头疼的话题。但你知道吗？即使是看似简单的代码，背后也可能隐藏着复杂的执行逻辑。今天，我们就通过一道经典的面试真题，来揭开JavaScript异步执行的神秘面纱。

一、面试真题再现

请写出以下代码的打印顺序：

Promise.resolve()
  .then(() => { console.log(0); return Promise.resolve(4); })
  .then((res) => { console.log(res); })
  .then(() => { console.log(1); })
  .then(() => { console.log(2); })
  .then(() => { console.log(3); })
  .then(() => { console.log(5); })
  .then(() => { console.log(6); });

正确答案：0 1 2 3 4 5 6

二、深度执行过程解析

让我们一步步地揭开这段代码的执行过程。

第一阶段 - 初始化

初始微任务队列为空。

第二阶段 - 同步代码执行

创建两个已完成的Promise实例，并注册各自的.then回调微任务队列：

• [ 第一个Promise的then1 ]
• [ 第二个Promise的then1 ]

第三轮 - 执行第一个Promise.then1

打印0，返回一个新的Promise实例。

第四轮 - 执行第二个Promise.then1

打印1，返回普通值（自动包装为Promise）。

第五轮 - 微任务队列更新

微任务队列新增：

• 第一个链需要等待Promise.resolve(4)解析 → 产生两个隐式微任务
• 第二个链的then2入队

第六轮 - 执行第二个Promise.then2

打印2，返回普通值。

第七轮 - 微任务队列更新

微任务队列新增：

• 第二个链的then3入队

第八轮 - 执行第一个Promise.then3

打印3，返回普通值。

此时，第一个链的Promise.resolve(4)解析完成，触发两个微任务：

1. 处理第一个链的then2回调
2. 继续后续链式调用

第九轮 - 执行第一个Promise.then2

打印4。

第十轮 - 执行第二个Promise.then4

打印5。

第十一轮 - 异步结果处理

执行第一个Promise.then4打印6。

三、核心机制图解

graph TD
A[同步代码] --> B[微任务队列初始化]
B --> C[执行第一个then1]
C --> D[触发Promise解析]
B --> E[执行第二个then1]
E --> F[链式入队then2]
F --> G[执行then2]
G --> H[链式入队then3]
H --> I[执行then3]
I --> J[解析完成触发回调]
J --> K[执行第一个then2]
K --> L[执行后续then4]
L --> M[执行最后then5]

四、关键知识点总结

1. 双阶段Promise解析：当.then()返回Promise时，会产生两个隐式微任务：等待Promise状态变更执行后续回调链式调用。
2. 优先级：每个.then()都会创建新的微任务，即使返回普通值事件循环特性同一层级的微任务按入队顺序执行，但嵌套Promise会打破线性顺序。
3. V8引擎优化：现代浏览器对Promise.resolve的快速路径优化会影响执行细节。

五、题目来源声明

本题目源自知名技术面试平台面试派（mianshipai.com），该平台汇集了各大厂最新面试真题，特别感谢其精心整理的优质题库为开发者提供的学习支持。建议读者访问官网获取更多面试资源。