结论:
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加上