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,第二个参数正常传一个回调,会怎样?
结果是不会报错的,正常执行,说白了只是你不得到成功的结果了,不会报错,也不会影响其他程序。