JS手写实现Promise.all的实现方式

心已赠人 2022-12-27 04:53 165阅读 0赞

Promise.prototype.all = function (iterators) { 
        const promises = Array.from(iterators)
        const promiseList = [],
            len = promises.length
        let count = 0
        return new Promise((resolve, reject) => { 
            promises.forEach((promise, index) => { 
                Promise.resolve(promise).then(res => { 
                    count++
                    promiseList[index] = res
                    if (count === len) { 
                        resolve(promiseList)
                    }
                }).catch(e => { 
                    reject(e)
                })
            })
        })
    }
    
    const promise1 = Promise.resolve('promise1');
    const promise2 = new Promise(function (resolve, reject) { 
        setTimeout(resolve, 2000, 'promise2');
    });
    const promise3 = new Promise(function (resolve, reject) { 
        setTimeout(resolve, 1000, 'promise3');
    });
    
    Promise.all([promise1, promise2, promise3]).then(function(values) { 
        console.log(values);
    });

发表评论取消回复

表情：

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

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

相关阅读

相关 JS手写callback封装成promise的实现方式

> 本篇文章以封装`fs`异常回调为测试对象，参考链接：[https://www.cnblogs.com/hsprout/p/5588859.html][https_www.c

阳光穿透心脏的1/2处/ 2022年12月28日 06:59/ 0 赞/ 217 阅读

相关 JS手写instanceof实现方式

// 使用方式 function Car(color) { this.color = color this.sayColor

桃扇骨/ 2022年12月27日 08:18/ 0 赞/ 195 阅读

相关 JS手写实现new的实现方式

function Father(name) { this.name = name this.sayWorld = function (

悠悠/ 2022年12月27日 04:56/ 0 赞/ 146 阅读

相关 JS手写实现Promise.all的实现方式

Promise.prototype.all = function (iterators) { const promises = Array.from(

心已赠人/ 2022年12月27日 04:53/ 0 赞/ 166 阅读

相关 JS手写Promise代码ES6方式实现

> 本篇只简单实现Promise，不包含链式调用等。若想详细了解请[参考链接][Link 1]，由于Promise实现采用了发布订阅模式，所以想要了解原理的可以参考[观察者模式

╰+攻爆jí腚メ/ 2022年12月26日 04:50/ 0 赞/ 143 阅读

相关 JS手写sleep实现的三种方式

第一种方式：使用Promise + setTimeout实现 function sleep(time) { return new Promise

淩亂°似流年/ 2022年12月25日 13:53/ 0 赞/ 231 阅读

相关 JS手写call、apply的实现方式

`call()`、`apply()`、`bind()()`三种方法主要用来改变`this`指向，区别在于三种方法的使用方式不同。 1. `call(obj, ...)`方法

谁践踏了优雅/ 2022年12月25日 11:54/ 0 赞/ 197 阅读

相关手写SpringIOC的XML实现方式

1.XML文件(Spring.xml) <beans xmlns="http://www.springframework.org/schema/beans"

妖狐艹你老母/ 2022年03月20日 15:40/ 0 赞/ 260 阅读

相关手写JS实现Promise

Promise是一个管理异步编程的方案，它是一个构造函数，每次使用可用new创建实例；它有三种状态：pending、fulfilled和rejected，这三种状态不会受...

朱雀/ 2020年05月10日 16:26/ 0 赞/ 931 阅读

相关手写JS实现Promise

Promise是一个管理异步编程的方案，它是一个构造函数，每次使用可用new创建实例；它有三种状态：pending、fulfilled和rejected，这三种状态不会受...

朱雀/ 2020年05月07日 09:18/ 0 赞/ 886 阅读