当Promise状态为失败,但.then()只指定一个回调时

Promise.prototype.catch()的作用 

 //当知道要返回一个失败的promise时,then后的第一个参数用undefined占位,第二个回调才是失败的回调
 let p = new Promise((resolve, reject) => {
     setTimeout(() => {
         reject(2);
      }, 2000);
     });
 p.then(undefined, (e) => {
     console.log(e);
   });

//promise.catch等同于上面undefined占位的效果,减少了第一个参数写undefied的麻烦
   p.catch((e) => {
     console.log("我是失败的回调值", e);
   });

 结果为:

实际上:p.catch对应的是第一行的结果、p.then对应的是第二行报错的结果

原因是因为:

①:当有多个.then时,就相当于把多个.then依次出栈。调用完第一个.then,再调用第二个.then。每一个.then中都默认接收两个回调,一个成功的回调,一个失败的回调。

②:当promise状态为失败,如果.then中只有一个回调,则第二个回调默认为undefined。系统默认调取.then的第二个参数的回调,因为第二个参数为undefined,所以系统会报错

③:接下来第二个.then出栈执行,流程和第一个一样。.catch()就相当于then()中的第一个参数为undefined,就会直接调第二个回调,所以不会报错。

此时可能你会想到,当promise的状态为成功时,但是给then的第一个参数传undefined,第二个参数正常传一个回调,会怎样?

结果是不会报错的,正常执行,说白了只是你不得到成功的结果了,不会报错,也不会影响其他程序。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值