前端面试手写 -- （三）Promise.all 、Promise.race

实现 Promise.all

需要注意的点：
1、函数返回一个 promise 对象；
2、promise.all 接收一个数组；
3、接收的数组内元素可能为 promsie 或 常量，注意包装成 promise；
4、针对数组返回的值，注意用数组下标去存储，保证返回结果顺序和数组一致。

function all(arr){
    //函数返回一个 promise 对象
    return new Promise((resolve,reject) => {
        let count = 0;
        let result = [];

        //并发执行每一个 promise
        for(let i = 0;i < arr.length;i++){
            //arr里有可能是promsie 或者 常量，用promise包装
            Promise.resolve(arr[i]).then(res => {
                //用下标存储结果，保证输出顺序和arr一致
                //因为promise 对象执行时间可能不同，用push会破坏顺序
                result[i] = res 
                count++
                if(count === arr.length){
                    resolve(result)
                }
            }).catch(err => reject(err))
        }
    })
}
const p0 = 'p0'
const p1 = new Promise((res, rej) => {
    setTimeout(() => {
        res('p1')
    }, 1000)
})

const p2 = new Promise((res, rej) => {
    setTimeout(() => {
        res('p2')
    }, 2000)
})

const p3 = new Promise((res, rej) => {
    setTimeout(() => {
        res('p3')
    }, 3000)
})

const test = all([p0, p2, p3])
    .then(res => console.log(res))
    .catch(e => console.log(e))

console.log(test); //[ 'p0', 'p2', 'p3' ]

手写 Promise.race

注意：
1、当数组元素为常量时，直接用arr[i]报错不是函数，所以需要用promise包装；
2、race 的执行为哪个先执行完，则先返回那个；

function race(arr){
    return new Promise((resolve,reject) => {
        for(let i = 0;i < arr.length;i++){
            Promise.resolve(arr[i]).then(res => {
                //某一个 promise 完成后直接返回其值
                resolve(res)
            }).catch(err => {
                //如果有错误，直接结束循环，并返回错误
                reject(err)
            })
        }
    })
}

const p1 = new Promise((res, rej) => {
    setTimeout(() => {
        res('p1')
    }, 1000)
})

const p2 = new Promise((res, rej) => {
    setTimeout(() => {
        res('p2')
    }, 2000)
})

const p3 = new Promise((res, rej) => {
    setTimeout(() => {
        res('p3')
    }, 3000)
})

const test = race([p1, p2, p3])
    .then(res => console.log(res))
    .catch(e => console.log(e))

console.log(test); //p1 速度快的先返回