JavaScript Promise链式调用问题：为何后续then无需主动触发即可执行

你给出的可运行代码如下：

new Promise(res => {
  console.log("1")
  res(res);
}).then(res => {
  console.log("2")
}).then(res => {
  console.log("3")
})

1. 为什么初始Promise必须调用resolve才能触发链式 #

每个Promise实例初始化后默认处于pending（等待）状态，只有当执行器中的resolve/reject被调用时，才会将Promise状态变更为fulfilled（已成功）/rejected（已失败），只有状态发生变更后，才会触发后续绑定的then/catch回调。如果删除res(res)调用，初始Promise会一直停留在pending状态，自然不会执行后续任何链式回调。

2. 为什么后续then不需要手动调用resolve就能继续链式 #

then方法本身会自动返回一个全新的Promise实例，这个新Promise的状态不需要开发者手动调用resolve控制，而是由当前then回调的执行结果自动决定：

• 若回调函数正常执行完成（没有抛出错误），无论回调有没有返回值，新Promise都会自动变为fulfilled状态，直接触发下一个链式回调
• 若回调函数执行时抛出错误，新Promise会自动变为rejected状态，触发后续的catch回调
• 若回调函数返回的是另一个Promise实例，新Promise会等待该返回的Promise状态变更后，再同步变更自身状态触发后续链式调用

你给出的示例中两个then回调都正常执行完成，因此对应的返回Promise会自动resolve，不需要你手动编写resolve调用就可以继续向下执行链式逻辑。

内容的提问来源于stack exchange，提问作者T-Bone