面试官让我手写Promise.all-阿里云开发者社区

面试官让我手写Promise.all

2021-11-16 385

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 面试官让我手写Promise.all

原生的Promise.all有什么特点？

特点1：接收一个可迭代对象
特点2：传入的数据中可以是普通数据，也可以是Promise对象
特点3：可迭代对象的promise是并行执行的
特点4：保持输入数组的顺序和输出数组的顺序一致
特点5：传入数组中只要有一个reject，立即返回reject
特点6：所有数据resolve之后返回结果

实现Promise.all

1：函数返回的是一个Promise对象

function myPromiseAll(iterable) {
    return new Promise((resolve,reject) => {
    })
}
复制代码

2：将可迭代对象转换为一个数组

const promises = Array.from(iterable);
复制代码

3：并发执行每一个Promise

// 定义一个计数器用来判断是否所有的promise执行完毕
let count = 0;
// 并发执行每一个promise
for (let i = 0; i < promises.length; i++) {
    Promise.resolve(promises[i]).then(res => {
        result[i] = res;
        count++;
        if (count === promises.length) {
            resolve(result);
        }
    }).catch(err => reject(err))
}
复制代码

第三步是实现Promise.all的核心，有几点需要我们注意：

并不是push进result数组的，而是通过下标的方式进行存储，这是因为我们为了保证输出的顺序，因为Promise对象执行的时间可能不同，push的话会破坏顺序。
通过计数标志来判断是否所有的promise对象都执行完毕了，因为在then中表示该promise对象已经执行完毕。

完整实现

function myPromiseAll(iterable) {
    return new Promise((resolve,reject) => {
        const promises = Array.from(iterable);
        // 定义Promise对象resolve的数组
        const result = [];
        // 定义一个计数器用来判断是否所有的promise执行完毕
        let count = 0;
        // 并发执行每一个promise
        for (let i = 0; i < promises.length; i++) {
            Promise.resolve(promises[i]).then(res => {
                result[i] = res;
                count++;
                if (count === promises.length) {
                    resolve(result);
                }
            }).catch(err => reject(err))
        }
    })
}
复制代码

Promise.all的实现给我们什么启示

Promise.all返回的是一个Promise对象
Promise.all接收的可迭代对象数组需要通过Array.from转换为数组
Promise.all是并发执行的。
Promise.all中一个reject直接返回reject的结果。