写一个Promise.all()

怼烎@ 2022-12-05 15:08 98阅读 0赞

Promise.all()

> 1.  是一个函数
> 2.  返回一个Promise
> 3.  可以并行执行多个promise，并将每个promise的执行结果都放到一个数组中，每个promise都resolved，那么将结果数组作为参数resolved，若是有一个rejected了，那么立即reject 并返回错误信息
> 4.  一般情况下，Promise.all()的入参是一个数组，数组的每一项是个Promise,如果不是Promise,那么就通过Promise.resolve()将其进行转换。

##### 首先，定义几个promise作为入参 #####

const p1=()=>{ 
       return new Promise((resolve,reject)=>{ 
          setTimeout(()=>{ 
             resolve("p1");
          },3000)
       })
    }
    const p2=()=>{ 
       return new Promise((resolve,reject)=>{ 
          setTimeout(()=>{ 
             resolve("p2");
          },1000)
       })
    }
    const p3=()=>{ 
       return new Promise((resolve,reject)=>{ 
         resolve("p3");
       })
    }

#### 第一版 ####

function promiseall_(arr){ 
                return new Promise((resolve,reject)=>{ 
                    let result=[];
                    let count=0;
                    for(let i=0;i<arr.length;i++){ 
                        Promise.resolve(arr[i]).then(res=>{ 
                            result.push(res);
                            count++;
                            if(count==arr.length){ 
                                resolve(result)
                            }
                        }).catch(err=>{ 
                            reject(err)
                        })
                    }
                })
            }
            promiseall_([p1(), p2(), p3()]).then(res => { 
                console.log(res, res[1], '--------- 自定义的promise')
            });

###### 执行结果 ######

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0ppYW5nTGl0dGxlQmFp_size_16_color_FFFFFF_t_70_pic_center]  
可以看到，能正常执行并返回结果了  
有个问题是。。。。。没有按顺序将每个promise的结果填入数组中。。。。。。。。

#### 第二版（按顺序填入结果） ####

> 由于每一项有可能是同步的操作，也可能是异步的操作，为了需要按顺序将执行结果填入数组，结合了async await 来实现

function promiseAll(arr) { 
                return new Promise((resolve, reject) => { 
                    let result = [];
                    let count = 0;
                    for (let i = 0; i < arr.length; i++) { 
                        arr[i].then(async res => { 
                            result[i] = await res;
                            count++
                            if (count == arr.length) { 
                                resolve(result);
                            }
                        }).catch(err => { 
                            reject(err);
                        })
                    }
                })
            }
            promiseAll([p1(), p2(), p3()]).then(res => { 
                console.log(res, res[1], '--------- 自定义的promise99999999')
            });

###### 执行结果 ######

![在这里插入图片描述][20200911225107396.png_pic_center]  
可以看到，已经按顺序填入了。。。。。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0ppYW5nTGl0dGxlQmFp_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/3514e1d305dc4dbd932fb5c25d558ea7.png
[20200911225107396.png_pic_center]: /images/20221123/415458cf02084d628137e8c92de4ff12.png

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关写一个计算器

好的，这是一个简单的 Python 代码来实现计算器： def calculate(expression): 将字符串转换为列表 token

一时失言乱红尘/ 2024年03月27日 17:54/ 0 赞/ 42 阅读

相关写一个圣诞树代码

当然，这是一个使用 Python 的圣诞树代码： def print_christmas_tree(n):for i in range(n): for

青旅半醒/ 2024年03月25日 16:21/ 0 赞/ 61 阅读

相关写一个android apk

如果你想要写一个 Android 的应用程序 (APK)，你需要具备一定的编程基础，并掌握使用 Android 开发工具，例如 Android Studio。 1. 安装

ゝ一世哀愁。/ 2024年03月25日 09:03/ 0 赞/ 41 阅读

相关写一个Promise.all()

Promise.all() > 1. 是一个函数 > 2. 返回一个Promise > 3. 可以并行执行多个promise，并将每个promise的执行结果都放到一个

怼烎@/ 2022年12月05日 15:08/ 0 赞/ 99 阅读

相关手写一个Tomcat

作为一个java学习的起步者，对tomcat的认识还是有很多的欠缺，在无意中发现了这篇文章，便在自己的环境下尝试搭建，收获良多：分以下几个步骤：（1）提供Socke

ゞ浴缸里的玫瑰/ 2022年12月04日 09:18/ 0 赞/ 189 阅读

相关写一个 ButterKnife

[ButterKnife][] 很多人都用过，能节省很多代码，最多的就是省去了很多 `findViewById` 语句。接下来自己写一个，就叫 `BBKnife` 吧。分

矫情吗；*/ 2022年09月24日 13:16/ 0 赞/ 101 阅读

相关写一个异常类

public class LogException extends Exception { public LogException() {

你的名字/ 2022年04月10日 01:45/ 0 赞/ 296 阅读

相关一个女生写的

如果你喜欢一个女孩，或者在追求一个女孩，那你就直接对他说，问她喜不喜欢你，觉得你怎么样，现在大家彼此都很忙，又何必浪费时间在追求上，也就是说，如果她对你初印象不好，你不是他心目

痛定思痛。/ 2022年01月09日 06:39/ 0 赞/ 209 阅读

相关如何写一个网站

目录一模板二框架三 web项目开发流程四体会 -------------------- 一模板 1 点睛别人写好的，我们拿来改成自己需要的

缺乏、安全感/ 2021年07月24日 16:50/ 0 赞/ 415 阅读

相关 JAVA 写一个记事本

1、主要知识点： 1、处理事件的运用、IO流的运用、GUI组件的运用 2、具体案例： package IO流之小蓝记事本; import java.awt.Border...

亦凉/ 2021年05月03日 05:29/ 0 赞/ 533 阅读