[JavaScript知识库]手撕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)
})