JavaScript执行引擎：Promise链语句入调用栈顺序确认

嘿，这个问题问得特别到位，刚好能帮你理清Promise和JS调用栈、事件循环的核心交互逻辑！我来一步步拆解给你看：

首先明确：Promise链的调用栈是逐个.then()方法分别入栈的 #

链式调用Promise.resolve(function1).then(function2).then(function3).then(function4)本质上是连续的同步方法调用，每一个.then()都会单独进入调用栈执行，不是整个链一次性入栈。具体的同步阶段调用栈顺序是这样的：

1. 第一步：Promise.resolve(function1)入栈
   这个函数会先被推入调用栈，执行后返回一个已处于resolved状态的Promise对象（注意：这里你传入的function1是作为resolved的值，不会被执行哦，如果想让它执行的话应该写Promise.resolve().then(function1)），执行完成后该函数弹出调用栈。

2. 第二步：第一个.then(function2)入栈
   紧接着，调用刚才返回的Promise的.then()方法，这个.then()函数本身进入调用栈。它的作用是把function2注册为该Promise的成功回调，然后返回一个新的Promise对象，完成后弹出调用栈。

3. 第三步：第二个.then(function3)入栈
   调用上一步返回的新Promise的.then()方法，同样，这个.then()入栈执行，注册function3为回调，返回新Promise，然后弹出调用栈。

4. 第四步：第三个.then(function4)入栈
   重复上面的逻辑，这个.then()入栈执行，注册function4，返回新Promise，弹出调用栈。

5. 第五步：console.log("Hello")入栈
   现在Promise链的所有同步注册工作都完成了，轮到这条同步语句入栈，执行后输出"Hello"，然后弹出调用栈。

接下来是异步回调的执行（微任务阶段） #

当主线程的同步代码全部执行完，调用栈为空时，Event Loop开始工作。这里要注意：Promise的回调属于微任务（Microtask），优先级比普通的宏任务（比如setTimeout回调）更高，会在宏任务执行前被全部清空。

调用栈空了之后的执行顺序：

• 首先从微任务队列取出function2，推入调用栈执行；执行完成后，第一个.then()返回的Promise会变为resolved状态，触发function3被加入微任务队列。
• 调用栈再次空了，取出function3入栈执行；完成后触发function4加入微任务队列。
• 调用栈空了，取出function4入栈执行，完成后微任务队列清空。

补充纠正一个小误区 #

你提到“异步代码语句会进入call-stack后立即被移除”，更准确的说法是：异步操作的「注册/发起」是同步的（比如.then()注册回调的过程），会进入调用栈执行完再弹出；而真正的异步回调函数（比如function2/3/4）是在对应的异步操作完成后（这里是Promise resolved）被放到微任务队列，等调用栈完全空了才会被推入调用栈执行。

内容的提问来源于stack exchange，提问作者user10916892