JavaScript Promise中then内return与否的差异及错误捕获问题

核心原因在于**then回调的返回值会决定后续Promise链的组成**，这直接影响错误能否被catch捕获：

第一段代码（能正常捕获错误） #

f1()
  .then(a => {
    return f2(a)
  })
  .catch(console.log)

当你在then回调里return f2(a)时，f2返回的Promise会被整合进当前的Promise链中。后续的.catch会监听整个链的状态，所以当f2内部调用rej("number2:fail")时，这个rejection会被链末端的catch捕获并处理。

第二段代码（出现未捕获错误） #

f1()
  .then(a => {
    f2(a)
  })
  .catch(console.log)

这里的then回调没有返回f2(a)创建的Promise，此时then会默认返回一个状态为resolved、值为undefined的新Promise。而f2(a)创建的那个会reject的Promise完全脱离了当前的链，它的rejection没有任何catch去处理，所以会触发浏览器/Node.js的未捕获Promise rejection错误。

关键结论 #

• 调用reject只是标记当前Promise为rejected状态，但如果这个Promise没有被纳入到某个Promise链中（即没有被后续的then/catch关联），它的错误就无法被捕获。
• 在Promise链的then回调中，必须return新的Promise，才能让它成为链的一部分，这样它的状态变化（resolve或reject）才能被后续的catch监听和处理。

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