Promise中then的两个参数与catch的介绍
JS中的Promise⼀共有三种状态，分别为pending(等待)、fulfilled(成功)、rejected(失败),
Promise的状态同⼀时间只能为⼀种状态。
1.Promise只能由Pending转化为fulfilled或者rejected，fulfilled与rejected不能相互转化
var pro=new Promise((resolve,reject)=>{
resolve();
reject();
})
pro.then(()=>{
console.log('resolve1');
},()=>{console.log('reject1')}).catch(()=>{
console.log('catch1')
})
//输出结果为resolve1
var pro=new Promise((resolve,reject)=>{
reject();
resolve();
})
pro.then(()=>{
console.log('resolve1');
},()=>{console.log('reject1')}).catch(()=>{
console.log('catch1')
})
//输出reject1
如果then添加了第⼆个参数，这时候就不会执⾏catch⾥⾯的代码
2.Promise中的then不添加第⼆个参数，这时候就会执⾏catch⾥⾯的代码
var pro=new Promise((resolve,reject)=>{
// resolve();
reject();
})
pro.then(()=>{
console.log('resolve1');
}).catch(()=>{
console.log('catch1')
})
//catch1
3.Promise的链式结构
Promise的链式结构原理是pro.then()或pro.catch()这个函数执⾏的返回值会返回⼀个promise对象，所以可以继续调⽤then或者catch，来完成链式结构。
pro.then(()=>{
console.log('resolve1');
},()=>{console.log('reject1')}).catch(()=>{
console.log('catch1')
}).then(()=>{
console.log('resolve2');
},()=>{console.log('reject2')}).catch(()=>{
console.log('catch2');
}).then(()=>{
console.log('resolve3');
})
//输出resolve1 resolve2 resolve3
但是有个重点是"promise执⾏完毕后返回的promise默认进⼊fulfilled状态"，所以执⾏完毕后默认执⾏链式结构中的resolve回调。
var pro=new Promise((resolve,reject)=>{
// resolve();
reject();
})
pro.then(()=>{
console.log('resolve1');
},()=>{console.log('reject1')}).catch(()=>{
console.log('catch1')
}).then(()=>{
console.log('resolve2');
},()=>{console.log('reject2')}).catch(()=>{
console.log('catch2');
}).then(()=>{
console.log('resolve3');
})
/
/reject1 resolve2 resolve3
执⾏进⼊失败状态后，链式结构也会执⾏之后的resolve回调。
var pro=new Promise((resolve,reject)=>{
resolve();
reject();
})
pro.then(()=>{
console.log('resolve1');pending
},()=>{console.log('reject1')).catch(()=>{
console.log('catch1')
}).catch(()=>{
console.log('catch2');
})
//输出结果 resolve1
如果不存在then，则也不会执⾏catch⾥⾯的代码，因为默认进⼊fullfilled状态。需要记住的点是，进⼊什么状态就会什么代码。4.then⾥⾯的resolve报错，catch是可以捕获报错信息，then的第⼆个参数不能捕获
可以看到，resolve的回调执⾏报错可以被catch捕获到
没有执⾏resolve代码，直接进⼊了reject
就算没有reject回调，还是会进⼊reject回调
如果不存在then的第⼆个回调，则会进⼊catch
如果catch的执⾏过程中报错，则进⼊之后相邻的catch 未完待续。。。。。。。。。。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。