zoukankan      html  css  js  c++  java
  • 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加上

  • 相关阅读:
    TP5 try{}catch{}异常捕获不到 解决办法
    layui2.5 开关在confirm确认了之后在关/开
    JQuery 表单textarea控制字数
    Navicat Premium从远程Mysql数据库复制到本地数据库的方法
    dedecmsV5.7 任意文件上传漏洞修复
    PHP 利用PHPExcel到处数据到Excel;还有导出数据乱码的解决方案。
    Mac Pro 2017款自带php与用brew重装PHP后的地址
    用js传递当前页面的url,丢失了&后面的参数 解决办法
    PHP 超全局变量之$_SERVER
    Linux while和for循环简单分析
  • 原文地址:https://www.cnblogs.com/wuqilang/p/15173060.html
Copyright © 2011-2022 走看看