结论:

  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加上