关于JavaScript Promise中then与catch回调函数返回值的技术问询

核心结论 #

then和catch方法的回调函数可以返回任意值，这个返回值会被Promise内部机制处理，直接决定当前then/catch方法返回的新Promise的状态与结果：

分场景说明 #

1. 返回Promise对象
   当回调返回一个Promise时，当前then/catch返回的新Promise会完全"跟随"这个返回的Promise的状态：

   • 如果返回的Promise被resolve，新Promise就以对应值进入fulfilled状态；
   • 如果返回的Promise被reject，新Promise就以对应原因进入rejected状态。
     比如你提到的代码示例：

   doSomething()
     .then((url) => fetch(url)) // fetch返回Promise，下一个then接收其resolve的Response
   

2. 返回非Promise的普通值（包括undefined）
   当回调返回普通值（比如字符串、对象、数字），或者没有明确返回值（默认返回undefined）时，当前then/catch返回的新Promise会自动以这个值为结果进入fulfilled状态。
   就像你例子里的这段代码：

   .then((data) => {
     listOfIngredients.push(data); // push返回数组长度，但这里没有return，所以回调默认返回undefined
   })
   .then(() => {
     console.log(listOfIngredients); // 这个then的回调接收的是上一个then返回的undefined
   });
   

   这里虽然第一个回调没有返回值，但Promise机制会自动包装成resolve(undefined)的新Promise，所以后续的then依然能正常执行。

3. 回调抛出异常
   如果回调函数内部抛出了错误（比如throw new Error('xxx')），当前then/catch返回的新Promise会以这个错误为原因进入rejected状态，后续可以被catch捕获。

解答你的困惑点 #

• 为什么有的回调返回Promise，有的不返回？
  完全取决于业务需求：如果后续链式操作依赖异步结果，就返回Promise；如果只是同步逻辑（比如修改外部变量、计算普通值），返回普通值或者不返回都可以，Promise会自动处理。
• 关于determineParity返回普通对象的情况
  当它返回{ value, isOdd }时，对应的then方法会返回一个resolve({ value, isOdd })的新Promise，后续的then回调就能直接拿到这个对象，这和返回Promise的逻辑不矛盾——Promise机制会自动把非Promise的返回值包装成resolved状态的Promise。
• 常见错误里的"Forgot to return promise from inner chain"
  这句话是指当你在回调内部发起了新的异步操作（比如嵌套的Promise链）时，必须返回这个内部的Promise，否则外部的then会在内部异步还没完成时就执行（因为回调默认返回undefined，Promise直接resolve），导致逻辑时序错误。

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