Promise中then和catch的执行过程

一直以来有个误解,以为then和catch的执行就是一个二选一的过程,直到后来遇到类似下面的代码,发现不是这么一回事

Promise.reject().then(() => {
  console.log('1-1')
}).catch(() => {
  console.log('1-2')
})


Promise.resolve().then(() => {
  console.log('2-1')
}).catch(() => {
  console.log('2-2')
})

执行结果自然是2-1 1-2

翻了一下then和catch文档,catch是then的语法糖,catch(fn) 就是then(undefined, fn)
而Promise.prototype.then(arg1, arg2)
两个参数都是可选,如果arg1是undefined,而promise状态是fullfilled
那么arg1就相当于 x => x
如果arg2是undefined,promise的状态是rejected,那么arg2是一个‘thrower’
(MDN原文),结果应该就是throw error的意思
总之就是遇到参数为空的情况下,状态往下顺延。
所以每一个then和catch都会执行,因此,才会代码才会产生上面的运行结果。

总结,有时间,看源码,没时间,看文档,才能正确理解

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值