promise的all race的实现

最新推荐文章于 2024-10-01 20:46:40 发布

原创最新推荐文章于 2024-10-01 20:46:40 发布 · 210 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文通过自定义实现Promise.all和Promise.race方法，详细展示了如何处理多个Promise对象并发执行的问题。通过对具体示例的解析，读者可以更好地理解这两种方法的工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

promise.All

let  p=function(time) {
   return new Promise((resolve,reject)=>{
       setTimeout(()=>{
            resolve(time)
       },time)
   }) 
}
//先定义两个promise对象
let p1=p(1000);
let p2=p(2000)

let promiseAll=function (promise) {
    let promises=Array.from(promise)
    return new Promise((resolve,reject)=>{
        if(promises.length===0){
            resolve([])
        }else{
            let res=[];
            for (let i = 0; i < promises.length; i++) {
                Promise.resolve(promises[i]).then(data=>{
                    res[i]=data;
                    if(i==promises.length-1){
                        resolve(res)//都为resolved resolve
                    }
                },err=>{
                    reject(err)
                    return //有一个rejected返回
                }); 
            }
        }
    })
}

promiseAll([p1,p2]).then(res=>{
    console.log(res)
    
})
//输出[ 1000 , 2000]

let promiseRace=function(promise) {
    let promises=Array.from(promise);
    return new Promise((resolve,reject)=>{
            for (let i = 0; i < promises.length; i++) {
                Promise.resolve(promises[i]).then(res=>{
                    resolve(res)  / /谁先完成或失败谁先出去
                },err=>reject(err))  
            }
    })
}

promiseRace([p1,p2]).then(res=>{
    console.log(res)
  // 输出1000  
})