手动实现一个 Promise.all

Question

MDN : Promise.all() 方法接收一个 promise 的 iterable 类型（注：Array，Map，Set 都属于 ES6 的 iterable 类型）的输入，并且只返回一个 Promise 实例，那个输入的所有 promise 的 resolve 回调的结果是一个数组。

这个Promise 的 resolve 回调执行是在所有输入的 promise 的 resolve 回调都结束，或者输入的 iterable 里没有 promise 了的时候。它的 reject 回调执行时，只要任何一个输入的 promise 的 reject 回调执行或者输入不合法的 promise 就会立即抛出错误，并且 reject 的是第一个抛出的错误信息。

Promise.all = function(arr) {
    return new Promise((resolve, reject) => {
        // 判断是否是可迭代对象
        if(typeof arr !== 'object' || arr === null || typeof arr[Symbol.iterator] !== 'function') {
            throw new Error('arr is not a iterable ')
        }
        // 转化为对象
        const promises = [...arr]

        if(promises.length === 0) {
            resolve([])
            return 
        }
        let count = 0
        const results = []
        promises.forEach((p,idx) => {
            Promise.resolve(p).then(res => {
                results[idx] = res
                count++
                if(count === promises.length) {
                    resolve(results)
                }
            }).catch(reject)
        })
    })
}

// test

Promise.all(1)

Promise.all([1,Promise.reject(2),Promise.resolve(3)])

Promise.all(new Set([1,2 ,Promise.resolve(true)]))

要点

1. 注意传入参数的类型，必须为可迭代对象
2. 对于每个值使用Promise.resolve 进行包裹，而不是判断值的类型在进行处理