es新增语法提供的promise以解决回调地狱的问题

详情有注释都写清楚了

文章目录

es新增语法提供的promise以解决回调地狱的问题Promise的then解决回调地狱Promise的all语法Promise的cath语法Promise的race语法

---

Promise的then解决回调地狱

这个相当于，用了then进行链式操作 然后到最后的err排除所有的错误，不用需要一个一个的排除错误

Promise的all语法

代码如下：

let p1 = fun('a'); let p2 =fun('b' ); let p3 = fun('c'); //Promise.all()方法用于将多个Promise实例，包装成一个新的Promise 实例。 let pall=promises.all([p1,p2,p3]) pall.then((data)=>{ console. log(data); return p2; }) // 前提是每一个都成功这个方法才会成功 // 这个方法就是下面的整合 p1. then( (data)=>{ console. log(data); return p2; } ). then( (data)=>{ console . log(data); return p3; }). then( (data)=>{ console . log(data) ; });

Promise的cath语法

代码如下

let p1 = fun('a'); let p2 =fun('b' ); let p3 = fun('c'); //Promise.all()方法用于将多个Promise实例，包装成一个新的Promise 实例。 let pall=promises.all([p1,p2,p3]) pall.then((data)=>{ console. log(data); return p2; }) // 前提是每一个都成功这个方法才会成功 // 这个方法就是下面的整合 p1. then( (data)=>{ console. log(data); return p2; } ). then( (data)=>{ console . log(data); return p3; }). then( (data)=>{ console . log(data) ; });

Promise的race语法

代码如下

let p1 = fun('a'); let p2 =fun('b' ); let p3 = fun('c'); //Promise.all()方法用于将多个Promise实例，包装成一个新的Promise 实例。 let pRace = Promise. race([p1,p2,p3]); //只要有一个promise执行成功，那这个pRace就成功，相当于是或者. pRace. then( (data)=>{ console.log(data); }); p1. then( (data)=>{ console. log(data); return p2; } ). then( (data)=>{ console . log(data); return p3; }). then( (data)=>{ console . log(data) ; });