Promise 是一种异步编程的解决方案，它可以避免回调地狱，使代码更加简洁和易于维护。Promise 提供了两种常用的方法：Promise.all 和 Promise.race。这两种方法都可以用于处理多个 Promise 对象，但它们的用途和行为略有不同。本文将详细介绍 Promise.all 和 Promise.race 的区别及使用注意事项。
Promise.all
Promise.all 接收一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。这个新的 Promise 对象在所有 Promise 对象都已经成功完成时才会被 resolve，否则会被 reject。Promise.all 的语法如下：
Promise.all(iterable);
其中，iterable 是一个可迭代的对象，比如数组。
下面是一个使用 Promise.all 的例子：
const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);
Promise.all([promise1, promise2, promise3])
.then(values => {
console.log(values); // [1, 2, 3]
});在这个例子中，我们创建了三个 Promise 对象，并将它们放入一个数组中。然后，我们使用 Promise.all 将这个数组作为参数传入。当所有的 Promise 对象都成功完成时，Promise.all 返回一个包含所有 Promise 对象的结果的数组。
需要注意的是，如果其中任何一个 Promise 对象被 reject，Promise.all 就会立即停止执行并返回一个 reject 状态的 Promise 对象。这个被 reject 的 Promise 对象会带有第一个被 reject 的 Promise 对象的错误信息。
Promise.race
Promise.race 和 Promise.all 的语法相同，都接收一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。但是，Promise.race 的行为和 Promise.all 略有不同。Promise.race 在任何一个 Promise 对象成功完成或者失败时，就会立即返回一个新的 Promise 对象。这个新的 Promise 对象的状态和第一个完成的 Promise 对象的状态相同。Promise.race 的语法如下：
Promise.race(iterable);
下面是一个使用 Promise.race 的例子：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------------- ---- -------
---
----- -------- - --- ----------------- ------- -- -
------------------- ---- -------
---
----------------------- ----------
----------- -- -
------------------- -- -----
---在这个例子中，我们创建了两个 Promise 对象。其中，promise1 在 500 毫秒后 resolve，而 promise2 在 100 毫秒后 resolve。我们将这两个 Promise 对象放入一个数组中，并使用 Promise.race 将这个数组作为参数传入。由于 promise2 先完成，所以 Promise.race 返回的 Promise 对象的状态和 promise2 的状态相同，即 resolve。
需要注意的是，如果其中任何一个 Promise 对象被 reject，Promise.race 就会立即停止执行并返回一个 reject 状态的 Promise 对象。这个被 reject 的 Promise 对象会带有第一个被 reject 的 Promise 对象的错误信息。
使用注意事项
在使用 Promise.all 和 Promise.race 时，需要注意以下几点：
必须传入一个 Promise 对象数组：Promise.all 和 Promise.race 只接受一个 Promise 对象数组作为参数。如果传入的参数不是一个数组，会抛出 TypeError。
Promise.all 和 Promise.race 都是异步操作：Promise.all 和 Promise.race 都是异步操作，它们返回的 Promise 对象并不会立即完成。需要使用 then 方法或者 async/await 来获取 Promise 对象的结果。
Promise.all 和 Promise.race 的返回值不同：Promise.all 返回一个包含所有 Promise 对象的结果的数组，而 Promise.race 只返回第一个完成的 Promise 对象的结果。
Promise.all 和 Promise.race 都会抛出错误：如果其中任何一个 Promise 对象被 reject，Promise.all 和 Promise.race 都会抛出错误。需要使用 catch 方法来处理错误。
总结
Promise.all 和 Promise.race 都是处理多个 Promise 对象的方法。Promise.all 在所有 Promise 对象都成功完成时才会返回结果，而 Promise.race 在任何一个 Promise 对象成功完成或者失败时就会返回结果。在使用这两个方法时，需要注意传入的参数必须是一个 Promise 对象数组，返回的结果也不同，同时需要注意错误处理。熟练掌握 Promise.all 和 Promise.race 的使用方法，可以帮助我们更好地进行异步编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66376894d3423812e459103c