简单Promise回顾

本文探讨了使用Promise替代传统回调函数解决“回调地狱”问题的方法。通过对比分析,介绍了Promise的基本用法及其提供的.then、.catch、Promise.all和Promise.race等高级特性。
摘要由CSDN通过智能技术生成

1:传统的CallBack回调函数
let ajax=function(callback){
//dosomething
this.setTimeout(()=>{
callback&&callback()
},1000)
}

ajax(console.log("isCallBack"))

多层回调回会导致代码复杂/难以维护

2:promise改造

let ajax= function(){
//返回promise实例,有.then/.catch方法
return new Promise(function(resolve,reject){
setTimeout(()=>{
resolve()
},1000)
})
}

ajax().then(
//下一步的方法
()=>{
console.log("promise改造")
},
// ()=>{
// console.log("reject")
// }
)

3:catch方法

let ajax =function(num){
//dosomething
return new Promise(function(resolve,reject){
if(num>6){
resolve();
}else{
throw new Error("ISERROR")
}
})
}

ajax(2).then().catch()

4:全部执行完成,Promise.all;

Promise.all([
ajax(),
ajax(),
ajax(),
])

当所有的ajax全部执行完成后,才会执行下一步
.then()

5:只要有一个promise执行结束 Promise.race

Promise.race([
ajax(),
ajax(),
ajax(),
])

.then()

 

转载于:https://www.cnblogs.com/allenxieyusheng/p/8336775.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值