Promise.race 与 Promise.any 的区别
在 JavaScript 的异步编程中，Promise 是非常常见的一种编程模式，它可以很好地解决回调地狱等问题。在 Promise 中，有两个比较常用的方法：Promise.race 和 Promise.any。它们在实际应用中有着很明显的区别。
Promise.race
Promise.race 是将多个 Promise 对象放在一个可迭代对象中，然后返回一个新的 Promise 对象。该 Promise 对象会在其中任意一个 Promise 对象进入 fulfilled 或 rejected 状态时立即执行。
语法如下：
Promise.race(iterable)
- iterable：可迭代的对象，例如一个数组。
回调函数中，参数 res 表示成功后的结果，err 表示出现错误的原因。
示例代码：
const p1 = new Promise(resolve => setTimeout(resolve, 500, 'Promise 1')); const p2 = new Promise(resolve => setTimeout(resolve, 1000, 'Promise 2')); Promise.race([p1, p2]).then(res => console.log(res)); // 输出：'Promise 1'
在这个例子中，Promise.race() 接收了一个可迭代对象 [p1, p2]。p1 在 500ms 后 fulfilled，p2 在 1000ms 后 fulfilled，但是 Promise.race() 只会等待最先完成的 Promise 对象，即 p1。所以输出的是 'Promise 1'。
Promise.any
Promise.any () 是将多个 Promise 对象放在一个可迭代对象中，然后返回一个新的 Promise 对象。该 Promise 对象会在其中任意一个 Promise 对象进入 fulfilled 状态时立即执行。而若可迭代对象中所有 Promise 对象都reject，则返回的 Promise 对象变为 rejected 状态，同时包含所有 Promise 对象的 reject 异常信息。
语法如下：
Promise.any(iterable)
- iterable：可迭代的对象，例如一个数组。
回调函数中，参数 res 表示任意一个成功后的结果。
示例代码：
const p1 = Promise.reject('Rejected Promise 1');
const p2 = Promise.reject('Rejected Promise 2');
const p3 = Promise.resolve('Fulfilled Promise');
Promise.any([p1, p2, p3]).then(res => console.log(res)).catch(err => console.log(err));
// 输出 'Fulfilled Promise'在这个例子中，Promise.any() 接收了一个可迭代对象 [p1, p2, p3]。p1 和 p2 都是 rejected 状态，而 p3 是 fulfiled 状态，所以输出的是 'Fulfilled Promise'。
区别
Promise.race 和 Promise.any 在不同的场景下应用。假设我们需要判断两个接口，只要有一个接口成功即可，我们就可以使用 Promise.race 来实现。而如果我们需要选择一个最好的接口返回，我们就可以使用 Promise.any 来实现。
区别总结如下：
- Promise.race 只等待最先完成的 Promise 对象，而 Promise.any 等待任意一个成功的 Promise 对象。
- 如果迭代器内没有执行成功的 Promise 对象，Promise.race 返回 rejected 状态的 Error，并且包含了所有 Promise 对象的异常信息；而 Promise.any 返回 rejected 状态的 Error，只包含所有 Promise 对象的异常信息。
总结
Promise.race 和 Promise.any 是非常实用的两个方法，能够帮助我们简化 JavaScript 异步编程的代码，提高效率。在实际应用中，我们需要根据实际需求来选择使用哪一个方法。
对于初学者来说，熟练掌握 Promise.race 和 Promise.any 的使用方法，是非常重要的一步。希望本文能够对你有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bcb8348841e9894a16713