手撕promise.all以及promise.race

promise.all实现

//实现思路
// 1.Promise.all()返回的肯定是一个promise对象所以可以直接写一个return new Promise((resolve,reject)=>{})
// 2.遍历传入的参数,用Promise.resolve()将参数包一层,使其变成一个promise对象。
// 3.关键点是何时决议,也就是resolve出来,在这里做了计数器(count),每个内部promise对象决议后就将计数器加一,并判断加一后的大小是否与传入
// 对象的数量相等,如果相等就调用resolve(),如果任意一个Promise对象失败,则调用reject()方法。
// 4.官方规定promise.all()接受的参数是一个可遍历的参数,所以未必一定是一个数组,所以用Array.form()转换一下。
// 5.使用for...of进行遍历,凡是可遍历的变量应该都是部署了iterator方法,所以用for...of遍历最安全。

Promise.all=function (iterator){
    let count=0; //用于计数,当len等于count就resolve
    let len=iterator.length
    let res=[] //存放结果
    return new Promise((resolve,reject)=>{
        for(let i in iterator){
            Promise.resolve(iterator[i])//先转换为Promise对象
            .then((data)=>{
                res[i]=data
                if(++count===len){
                    resolve(res)
                }
            })
            .catch(e=>{
                reject(e)
            })
        }
    })
}
var prom1=Promise.resolve(3)
var prom2=new Promise(function(resolve,reject){
    setTimeout(resolve,2000,'foo')
})
var prom3=444
Promise.all([prom1,prom2,prom3]).then((res)=>{
    console.log(res)
})

promise.race实现


Promise.race=function (iterator){
    return new Promise((resolve,reject)=>{
        for(let i in iterator){
            Promise.resolve(iterator[i])//先转换为Promise对象
            .then((data)=>{
                    resolve(data)
            })
            .catch(e=>{
                reject(e)
            })
        }
    })
}
var prom4=new Promise(function(resolve,reject){
    setTimeout(resolve,5000,'李建业')
})
var prom5=new Promise(function(resolve,reject){
    setTimeout(resolve,2000,'优先返回')
})
Promise.race([prom4,prom5]).then((res)=>{
    console.log(res)
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Shero.李建业

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值