then、catch正常返回时Promise的状态,如何修改Promise的状态

结论:

  1、then 正常返回时,Promise的状态为fulfilled

      报错时,Promise的状态为rejected

  2、catch 正常返回时,Promise的状态为fullfilled

      报错时,Promise的状态为rejected

 

当状态为成功时:

复制代码
      const p = Promise.resolve('成功')
      const result = p
        .then(() => {
          console.log('p then') // p then
        })
        .catch(() => {
          console.log('p catch') // 不会执行到这
        })
      result
        .then(() => {
          console.log('result then') // result then
        })
        .catch(() => {
          console.log('result catch') // 不会执行到这
        })

      const resultErr = p.then(() => {
        throw new Error('resultErr')
      })
      // .catch(() => {
      //   console.log('resultErr catch')
      // })
      resultErr
        .then(() => {
          console.log('resultErr then') // 如果resultErr执行了catch就会执行这里
        })
        .catch(() => {
          console.log('resultErr catch') // resultErr catch
        })
复制代码

当状态为失败时:

复制代码
      const p = Promise.reject('失败')
      const result = p
        .then(() => {
          console.log('p then') // 不会执行到这
        })
        .catch(() => {
          console.log('p catch') // p catch
        })
      result
        .then(() => {
          console.log('result then') // result then
        })
        .catch(() => {
          console.log('result catch') // 不会执行到这
        })

      const resultErr = p.then(() => {
        throw new Error('resultErr')
      })
      // .catch(() => {
      //   console.log('resultErr catch')
      // })
      resultErr
        .then(() => {
          console.log('resultErr then') // 如果resultErr执行了catch就会执行这里
        })
        .catch(() => {
          console.log('resultErr catch') // resultErr catch
        })
复制代码

 

注意:

  1、then/catch正常返回的时候,Promise的状态都为fullfilled。所以当接收catch的结果(此时Promise的状态为fullfilled)去执行then和catch时仍然不会走到catch

  2、当then/catch中抛出错误时,Promise的状态都为rejected。此时再接收catch的结果(此时Promise的状态为rejected)去执行then和catch时会不走then而走catch

  3、当Promise的状态为rejected时,一旦写了catch那么Promise返回的状态就为fullfilled。所以,若希望Promise保持fullfilled的状态,那么就把catch加上

 

posted @   吴小明-  阅读(590)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
点击右上角即可分享
微信分享提示