Promise.all和Promise.race的区别

最新推荐文章于 2025-04-18 01:03:21 发布

ZD_SUMMER

最新推荐文章于 2025-04-18 01:03:21 发布

阅读量2k

点赞数 1

分类专栏： js 文章标签： 1024程序员节

本文链接：https://blog.youkuaiyun.com/weixin_52378257/article/details/120938413

版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了Promise.all和Promise.race在处理多个Promise实例时的不同行为。Promise.all等待所有Promise完成，若全部成功则返回成功结果数组，有任何一个失败则立即返回失败状态。而Promise.race则哪个Promise先结束就返回哪个结果，无论成功或失败。通过示例代码，阐述了两者的应用场景和特性。

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

Promise.all和Promise.race的区别

Promise.all可以将多个Promise实例包装成一个新的Promise实例.
- 它接受一个数组作为参数。
- 数组可以都是Promise对象，也可以是其它值，只有Promise会等待状态改变。
- 当所有的Promise都成功，该Promise为完成，返回值是全部Promise返回值的结果数组。
- 如果有一个失败，则该Promise失败，返回最先失败状态的值。

	 //存放所有的Promise对象
        const arr = []

        //封装函数返回Promise对象
        function newPromise(i) {
            return new Promise((resolve, reject) => {
                if (Math.random() < 0.9) {
                    resolve(i)
                } else {
                    reject(i)
                }
            })
        }

        for (let i = 0; i < 10; i++) {
            //将每个返回的Promise对象添加进数组中
            arr.push(newPromise(i))
        }
        //接收返回的新Promise对象
        const p = Promise.all(arr)

        p.then((data) => {
            console.log(data) //成功输出
            //如果都成功了，输出[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
        },(err) => {
            console.log(err) //失败输出
            //如果有一个失败了，比如第二个失败了，输出 2
        })

Promise.race它可以将多个Promise实例包装成一个新的Promise实例
- 它接受一个数组作为参数。
- 数组可以都是Promise对象，也可以是其它值。如果是其他值，则最终结果会直接返回该值
- 里面哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态。

	 //存放所有的Promise对象
        const arr = []

        //封装函数返回Promise对象
        function newPromise(i) {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    if (Math.random() < 0.5) {
                        resolve(i)
                    } else {
                        reject(i)
                    }
                },(Math.random() * 3000) + 1000)
            })
        }

        for (let i = 0; i < 10; i++) {
            //将每个返回的Promise对象添加进数组中
            arr.push(newPromise(i))
        }


        //接收返回的新Promise对象
        const p = Promise.race(arr)

        p.then((data) => {
            console.log('成功',data)
            //假设第一个返回的是成功（3）
        }, (err) => {
            console.log('失败',err)
            //假设第一个返回的是失败（9）
        })