码迷,mamicode.com
首页 > 其他好文 > 详细

Promise中的then第二个参数和catch有什么区别?

时间:2020-01-16 22:07:31      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:func   方法   type   row   console   建议   his   概念   区分   

Promise中的then第二个参数和catch有什么区别?

首页我们先要区分几个概念,第一,reject是用来抛出异常的,catch是用来处理异常的;
第二:reject是Promise的方法,而then和catch是Promise实例的方法(Promise.prototype.then 和 Promise.prototype.catch)。

1. 区别

主要区别就是,如果在then的第一个函数里抛出了异常,后面的catch能捕获到,而then的第二个函数捕获不到。

catch只是一个语法糖而己 还是通过then 来处理的,大概如下所示

 

Promise.prototype.catch = function(fn){
    return this.then(null,fn);
}
then的第二个参数和catch捕获错误信息的时候会就近原则,如果是promise内部报错,reject抛出错误后,then的第二个参数和catch方法都存在的情况下,只有then的第二个参数能捕获到,如果then的第二个参数不存在,则catch方法会捕获到。

const promise = new Promise((resolve, rejected) => {
    throw new Error(test);
});

//此时只有then的第二个参数可以捕获到错误信息
promise.then(res => {
    //
}, err => {
    console.log(err);
}).catch(err1 => {
    console.log(err1);
});


//此时catch方法可以捕获到错误信息
promise.then(res => {
    //
}).catch(err1 => {
    console.log(err1);
});


//此时只有then的第二个参数可以捕获到Promise内部抛出的错误信息
promise.then(res => {
    throw new Error(hello);
}, err => {
    console.log(err);
}).catch(err1 => {
    console.log(err1);
});

//此时只有then的第二个参数可以捕获到Promise内部抛出的错误信息
promise.then(res => {
    throw new Error(hello);
}, err => {
    console.log(err);
});


//此时catch可以捕获到Promise内部抛出的错误信息
promise.then(res => {
    throw new Error(hello);
}).catch(err1 => {
    console.log(err1);
});

2. 两个捕获方法的比较

// bad
promise
  .then(function(data) {
    // success
  }, function(err) {
    // error
  });

// good
promise
  .then(function(data) { //cb
    // success
  })
  .catch(function(err) {
    // error
  });
上面代码中,第二种写法要好于第一种写法,理由是第二种写法可以捕获前面then方法执行中的错误,也更接近同步的写法(try/catch)。因此,建议总是使用catch方法,而不使用then方法的第二个参数。





Promise中的then第二个参数和catch有什么区别?

标签:func   方法   type   row   console   建议   his   概念   区分   

原文地址:https://www.cnblogs.com/yuanjili666/p/12203253.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!