Promise.all实现原理

promise.all功能

promise.all特点

• promise.all()的入参是一个数组，可以传基本类型，也可以传promise对象；
• 返回结果是一个Promise对象；
• 入参数组中每一个都返回成功，此函数才返回成功；
• 只要有一个执行失败，则返回失败；

使用案例

Promise.all([1, read2(file1), 3]).then(data => {
    console.log(data)
},error => {
    console.log(error)
})

使用场景

• 适合多个异步函数调用，并且多个异步函数的入参和结果都无必然联系，比如多个文件的上传下载；
• 多个异步函数的执行只关注成功或失败结果；

Promise.all实现原理

// 封装Promise.all方法
// 判断是否为promise对象，或者使用 obj instanceof Promise方法判断
function isPromise(obj) {
    return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';
}
Promise.all = function (values) {
    return new Promise((resolve, reject) => {
        let result = [];
        let counter = 0;
        function processData(key, value) {
            result[key] = value;
            // values中每个promise对象返回成功，计数器加1；
            // 直到全部promise都返回成功，与values长度一致，
            // 则认定都为成功，此时返回全部的promise回调结果；
            if (++counter === values.length) {
                resolve(result)
            }
        }
        // 遍历values,先判断是否当前项为promise对象；
        // 如果是，则执行回调函数；否，则直接返回该值；
        for (let i = 0; i < values.length; i++) {
            if (isPromise(values[i])) {
                values[i].then(data => {
                    processData(i, data)
                }).catch(err=>{
                	reject(err)
                	return
                }) // values[i]如果成功则返回回调数据，失败则reject
            } else {
                // 如果不是promise对象，则直接返回；
                processData(i, values[i])
            }
        }
    })
}

代码解析

• Promise.all是挂载到Promise类实例上的；
• 返回的是一个Promise;
• 需要遍历入参数组的每一项，判断传入是否为Promise对象，如果是则执行.then回调函数，然后将回调函数的结果处理后返回，如果失败则reject;
• 如果数组中存在非Promise对象，则直接返回；
• 最后通过计数器，判断当前的结果是否全部返回；

参考：
Promise.all实现原理