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