在then方法后调用catch是否会创建额外的Promise？

核心问题解答 #

• catch() 确实会创建并返回一个全新的 Promise 实例，这是 JavaScript Promise 规范明确定义的行为。
• 两种错误处理写法的核心差异：
  • 第一种 then(onFulfilled, onRejected) 写法里的错误回调，只能捕获调用then的原 Promise 抛出的异常，如果onFulfilled回调内部执行时出错，这个错误回调是捕获不到的。
  • 第二种 then(onFulfilled).catch(onRejected) 写法里的catch，可以捕获整条 Promise 链上游所有的异常，包括前序then的回调函数内部抛出的错误，错误覆盖范围更全，也是行业内普遍选择这种写法的核心原因。
• 关于catch返回新 Promise 的设计逻辑：
  这个设计是为了保留链式处理的灵活性，并不是强制要求你把catch当成中间节点。你完全可以把catch作为整个异步流程的最终错误处理节点，只要不在catch后继续追加链式调用即可。
  当你需要在错误发生后继续做 fallback 处理时，这个特性就非常有用，比如：

  // 请求失败时降级使用本地缓存数据继续后续流程
  fetch('/user/info')
    .then(res => res.json())
    .catch(err => {
      console.warn('拉取用户信息失败，使用本地缓存：', err)
      return JSON.parse(localStorage.getItem('userInfo') || '{}')
    })
    .then(userInfo => {
      // 前面请求成功/失败都不会影响这里的正常执行
      renderUser(userInfo)
    })
  

  如果catch的回调内部抛出了新的错误，那它返回的新 Promise 会变为 rejected 状态，你还可以继续在后面追加catch处理这个新错误。

内容的提问来源于stack exchange，提问作者lurning too koad