在 ECMAScript 2021（ES12）中，Promise.race 和 Promise.all 是两种非常有用的 Promise 方法。它们都可以帮助我们更好地处理异步操作，但它们的使用场景却不尽相同。
Promise.race
Promise.race 可以接收一个 Promise 数组作为参数，然后返回一个新的 Promise 对象，该 Promise 对象的状态将取决于 Promise 数组中第一个 Promise 对象的状态。也就是说，只要 Promise 数组中的任何一个 Promise 对象的状态发生变化，那么 Promise.race 返回的 Promise 对象就会立即采用该 Promise 对象的状态。
下面是一个使用 Promise.race 的示例代码：
// www.javascriptcn.com code example
const promise1 = new Promise((resolve, reject) => {
setTimeout(resolve, 500, 'promise1');
});
const promise2 = new Promise((resolve, reject) => {
setTimeout(resolve, 1000, 'promise2');
});
Promise.race([promise1, promise2]).then((value) => {
console.log(value);
// Output: 'promise1'
});在上面的示例代码中，我们创建了两个 Promise 对象，分别在 500 毫秒和 1000 毫秒后分别返回了 'promise1' 和 'promise2'。然后我们使用 Promise.race 方法将这两个 Promise 对象传递给它，最终返回的 Promise 对象会立即采用 promise1 的状态，因为它先完成了。
Promise.all
Promise.all 可以接收一个 Promise 数组作为参数，然后返回一个新的 Promise 对象，该 Promise 对象的状态将取决于所有 Promise 数组中的 Promise 对象的状态。也就是说，只有当所有 Promise 对象的状态都变为 resolved 时，Promise.all 返回的 Promise 对象才会变为 resolved，且它的值将是一个包含所有 Promise 对象返回值的数组；如果任何一个 Promise 对象的状态变为 rejected，那么 Promise.all 返回的 Promise 对象就会立即变为 rejected，并且它的值将是第一个 rejected Promise 对象的错误信息。
下面是一个使用 Promise.all 的示例代码：
// www.javascriptcn.com code example
const promise1 = new Promise((resolve, reject) => {
setTimeout(resolve, 500, 'promise1');
});
const promise2 = new Promise((resolve, reject) => {
setTimeout(resolve, 1000, 'promise2');
});
Promise.all([promise1, promise2]).then((values) => {
console.log(values);
// Output: ['promise1', 'promise2']
});在上面的示例代码中，我们创建了两个 Promise 对象，分别在 500 毫秒和 1000 毫秒后分别返回了 'promise1' 和 'promise2'。然后我们使用 Promise.all 方法将这两个 Promise 对象传递给它，最终返回的 Promise 对象会等待所有 Promise 对象都完成后，将它们的返回值作为一个数组返回。
Promise.race 和 Promise.all 的比较
Promise.race 和 Promise.all 都是用于处理异步操作的 Promise 方法，但它们的使用场景却不尽相同。下面是它们的比较：
- Promise.race 用于在多个异步操作中选择第一个完成的操作，而 Promise.all 用于等待所有异步操作完成后再进行下一步操作。
- Promise.race 返回的 Promise 对象会立即采用第一个完成的 Promise 对象的状态，而 Promise.all 返回的 Promise 对象会等待所有 Promise 对象都完成后才采用。
- 如果 Promise 数组中的任何一个 Promise 对象的状态变为 rejected，Promise.race 就会立即返回 rejected Promise 对象的错误信息，而 Promise.all 会等待所有 Promise 对象都完成后再返回第一个 rejected Promise 对象的错误信息。
指导意义
Promise.race 和 Promise.all 都是非常有用的 Promise 方法，可以帮助我们更好地处理异步操作。在实际开发中，我们应该根据具体的场景选择使用哪种方法。
如果我们需要在多个异步操作中选择第一个完成的操作，那么就应该使用 Promise.race；如果我们需要等待所有异步操作完成后再进行下一步操作，那么就应该使用 Promise.all。
需要注意的是，在使用 Promise.race 或 Promise.all 时，我们应该确保传递给它们的 Promise 数组中的所有 Promise 对象都能够正确地处理错误情况，否则可能会导致一些难以调试的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d28062a941bf71344b6852