js实现Promise.all 解析Promise.all 和race

最新推荐文章于 2025-06-11 19:32:26 发布

前端卡卡西呀

最新推荐文章于 2025-06-11 19:32:26 发布

阅读量857

点赞数

CC 4.0 BY-SA版权

分类专栏：前端面试 Javascript 文章标签： promise es6

本文链接：https://blog.youkuaiyun.com/RedaTao/article/details/107595746

Javascript 同时被 2 个专栏收录

48 篇文章

订阅专栏

前端面试

43 篇文章

订阅专栏

本文详细解析了Promise.all和Promise.race的功能与用法。Promise.all在所有Promise对象都成功时返回结果，而Promise.race则在第一个Promise状态改变时立即返回。通过实例展示了如何使用这两个函数，并提供了实现Promise.all的自定义方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise.all 接收一个数组，只有数组内各项状态都变成 Fulfilled状态时 ，Promise.all 的状态才会变成 Fulfilled；只要有一项被 Rejected，Promise.all就会变成 Rejected；

Promise.race 也接受一个 Promise 对象的数组，但是只要一项状态改变，Promise.race 状态就会改变。

示例：

let p1 = new Promise((resolve,reject) => {
    resolve('p1');
});

let p2 = new Promise((resolve,reject) => {
    resolve('p2');
})

Promise.all([p1,p2]).then(res => {
    console.log(res);
})

// ['p1','p2']


Promise.race([p1,p2]).then(res => {
    console.log(res);
})

// p1

使用 Promise 实现简单的 all

function promiseAll(promises) {
    return new Promise((resolve,reject) => {
        let count = 0;
        let len = promises.length;
        let res = new Array(len);

        for (let i=0;i<len;++i) {
            // 如果promise.all 中传入的不全是promise对象，而是简单类型变量时，
            // 需要通过Promise.resolve() 将它转成 promise对象
            Promise.resolve(promises[i]).then(value => {
                count ++;    
                res[i] = value;
            
                if (count === len) {
                    return  resolve(res);
                }
            }).catch(error => {
                reject(error);
            })
        }
    })
}