在 Web 前端的开发中，对异步操作的处理非常重要。为了解决异步操作的问题，ECMAScript 最新版本（ES12）中引入了 Promise.any 方法。Promise.any 方法是一个非常有用的方法，并且能够解决 Promise.race 方法的一些弊端，使得异步处理更加顺畅和可靠。
Promise.race 的弊端
在 ES6 中，Promise.race 方法被引入到语言中，它的作用是将多个 Promise 对象包装成一个新的 Promise 对象，只要其中一个 Promise 对象 “resolved” 或 “rejected”，则返回的 Promise 对象就会立即 “resolved” 或 “rejected”；而其它的 Promise 对象并不会影响返回的 Promise 对象。
但是，Promise.race 方法存在两个弊端，分别是：
如果传递的 Promise 对象中的一个 Promise 对象被 “rejected”，那么整个 Promise 都会被 “rejected”，这样的话就很难区分到底是哪一个 Promise 对象出了问题。
如果传递的 Promise 对象中的多个 Promise 对象都被 “rejected”，那么返回的 Promise 对象就会被最先被 “rejected”的那个 Promise 对象影响，这样就无法判断其它的 Promise 对象是否也被 “rejected”。
Promise.any 方法的介绍
为了解决 Promise.race 的弊端，在 ES12 中，引入了 Promise.any 方法。Promise.any 方法的作用也是将多个 Promise 对象包装成一个新的 Promise 对象，只要其中一个 Promise 对象被 “resolved”，就返回该 Promise 对象，而其它的 Promise 对象并不会影响返回的 Promise 对象。如果传递的所有 Promise 对象都被 “rejected”，那么将会抛出一个 AggregateError 错误，其中包含了所有被 “rejected” 的错误信息。
Promise.any 方法的使用
Promise.any 方法非常简单并且易于使用。Promise.any 方法接收一个 Promise 数组，并且返回一个新的 Promise 对象，示例如下：
Promise.any([Promise.resolve(1), Promise.reject("error1"), Promise.reject("error2"), Promise.resolve(2)])
.then((value) => {
console.log(value); // 1
}).catch((error) => {
console.log(error); // AggregateError: All promises were rejected
});在上面的代码中，我们传递了一个包含 4 个 Promise 对象的数组。其中 2 个 Promise 对象是成功的，而另外 2 个是失败的（rejected）。但是，Promise.any 方法只返回第一个成功的 Promise 对象，并且忽略了所有的失败 Promise 对象。在这个例子中，因为 Promise.resolve(1) 是最先成功的 Promise 对象，所以 Promise.any 方法返回了 Promise.resolve(1) 的结果并且打印了它的值。
下面我们再看一个例子：
Promise.any([Promise.reject("error1"), Promise.reject("error2")])
.then((value) => {
console.log(value);
}).catch((error) => {
console.log(error.errors); // ["error1", "error2"]
});在这个例子中，传递了包含 2 个失败 Promise 对象的数组。因为所有的 Promise 对象都被拒绝，所以 Promise.any 方法抛出了一个 AggregateError 错误，并且在错误信息中包含了所有被 “rejected” 的错误信息。
总结
Promise.any 方法是 ES12 中新增的一个非常有用的异步操作方法。它能够解决 Promise.race 方法的弊端，使得异步操作更加顺畅和可靠。在实际的开发中，我们可以使用 Promise.any 方法来处理异步操作，并且可以根据返回的结果进行相应的业务处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d20ae5b5eee0b52596ac60