为何Promise链式调用中外层catch块异步未完成时绑定的then块会提前执行

两个异常现象的根因完全来自对Promise链式传递规则的认知偏差，逐一拆解如下：

问题1：为什么catch块内的异步还没走完，绑定的then就提前触发 #

Promise链式状态传递的核心规则：链上的Promise状态，完全由对应回调函数的返回值决定，和回调函数内部启动、但未显式return的异步流程没有任何关联。

对应你代码里的外层f1调用结构：

f1(User.id)
  .catch(err => {
    console.log(err.message)
    // 启动f2的异步流程，但没有将f2返回的Promise return到外层
    f2(User.gender).catch(/* ... */).then(/* ... */)
  })
  .then(res1 => {
    // 链式后续绑定的then逻辑
  })

实际执行逻辑和预期完全不同：

• 当f1触发reject，进入外层catch回调时，所有同步代码会立刻执行完成：打印错误日志、调用f2拿到pending状态的Promise、给f2的Promise绑定内部的catch/then处理函数——这套绑定操作是同步完成的，全程不需要等待f2的异步流程状态变更
• 因为这个catch回调没有写任何return语句，它的返回值固定为undefined，对应的外层catch Promise会立刻进入**已兑现（resolved）**状态
• 这个状态变更会立刻触发链上绑定的下一个then回调，也就是你看到的“本不该走到这里”的日志。此时f2的异步操作还在微任务队列中排队等待执行，自然就出现了“内部异步流程未走完，外部then提前触发”的时序错位。

问题2：为什么res1为undefined时，没进入预期的else分支 #

你在then回调里拿到的res1，就是上一步catch回调的返回值undefined。分支判断的执行逻辑是：

if (res1.length < N) {
  // 满足长度不足的分支逻辑
} else {
  console.log("Why are we not here...")
  // 满足长度要求的分支逻辑
}

代码走到if判断时，首先要计算判断条件的值，也就是读取res1.length——由于res1是undefined，读取undefined的属性会同步抛出TypeError: Cannot read property 'length' of undefined。

这个同步抛出的错误，会让当前then回调对应的Promise直接进入**已拒绝（rejected）**状态，整个分支判断在计算条件的阶段就已经中断，根本没有机会进入分支选择流程，自然不会输出else块里的目标日志。
因为这个then回调后面没有绑定任何catch处理，这个抛出的错误没有对应的捕获逻辑，就成了你控制台最后看到的未处理Promise拒绝警告。

完整执行时序和控制台输出的对应关系 #

按代码实际运行的顺序，一步步对应你的控制台日志：

• 执行Test函数，传入的user.id为123，触发f1的reject分支，进入外层catch回调
• catch回调同步执行，打印第一行日志：f1 fails - can't find info for id
• catch回调内部同步调用f2拿到pending状态Promise，给它绑定内部的catch/then处理函数，整个绑定过程无等待
• 外层catch回调无返回值，对应Promise立刻变成resolved，触发链上的then回调
• then回调同步执行，打印：We should not be here but we are...，紧接着打印res1的值undefined
• 执行if判断的条件计算，读取undefined.length抛出TypeError，then对应的Promise进入rejected状态，因无后续catch处理被记入未处理拒绝队列
• 之前排队的f2微任务开始执行，f2已成功resolve用户列表，进入f2绑定的then回调，打印：We are here..以及对应的用户列表
• f2的then回调判断列表长度满足N=2的要求，调用Test闭包里的resolve方法，把处理后的姓名列表传给Test返回的Promise
• Test返回的Promise被resolve，触发外层调用处的result.then回调，打印最终的结果列表[ 'Stacy', 'John' ]
• 进程收集到之前抛出的未处理TypeError，输出对应的UnhandledPromiseRejectionWarning日志

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