Promise中的then第二个参数和catch有什么区别?
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方法的第二个参数。
相关推荐
nmgxzm00 2020-11-10
xixixi 2020-11-11
88254251 2020-11-01
MarukoMa 2020-09-02
88234852 2020-09-15
陈旭阳 2020-08-31
whynotgonow 2020-08-19
前端开发Kingcean 2020-07-30
whynotgonow 2020-07-29
bowean 2020-07-08
前端开发Kingcean 2020-07-08
88520191 2020-07-05
前端开发Kingcean 2020-06-27
88481456 2020-06-18
whynotgonow 2020-06-16
88520191 2020-06-13
88520191 2020-06-13
89500297 2020-06-13