异步任务的挑战
在传统的 JavaScript 中，我们经常会使用回调函数或者 Promise 来处理异步任务。但是通过回调函数来实现异步任务调度时，往往会造成代码的嵌套过深，不易维护，而 Promise 虽然能够很好地处理异步任务，但是也存在着需要重复写 Then 语句的问题。
同时，在某些场景下，我们需要在多个异步任务执行完毕后，再去执行某些逻辑，这时，我们可能会使用 Promise.all() 方法，但是这个方法在一些特殊场景下也存在问题。比如，如果其中一个异步任务出了故障，Promise.all() 方法就无法正常执行。
因此，逐渐有了一个新的需求：如何在多个异步任务中，只需要获取最先被解决的异步任务的结果，而不必等待所有任务都执行完毕之后再去获取结果呢？
Promise.any() 方法的原理
在 ECMAScript 2021 中，Promise.any() 方法应运而生，它可以接受一个 Promise 组成的数组作为参数，并返回其中最早解决的 Promise 的结果。如果这个数组中所有的 Promise 都失败了，它会返回一个 AggregateError 对象，这个对象包含了所有 Promise 对象的错误信息。
这样，我们就不再需要等待所有异步任务都执行完毕，而可以在某个任务解决之后就开始获取结果并进行相关操作了。
Promise.any() 方法的使用
Promise.any() 方法的使用十分简单，我们可以直接传入 Promise 数组，然后利用 Then()，catch() 等方法来处理结果和错误信息。
下面我们来看一个具体的例子：
-- -------------------- ---- -------
----- ----------- - ----- ----- -- -
----- -------- - ----- -----------
-- -------------- -
----- --- ------------- -- ----- -------
-
----- ---- - ----- ----------------
------ -----
--
----- ---- - -
---------------------------
---------------------------
---------------------------
---------------------------
--
------------------------ -- ------------------
------------ -- --------------------
------------ -- ----------------------上面的代码中，我们定义了一个 fetchResult() 方法，它可以接受一个 URL 参数，并使用 fetch() 方法来获取数据。然后我们将这个方法映射到了一个 URL 数组上，并将这个数组作为 Promise.any() 的参数传入。最后，我们根据返回的结果进行下一步处理，如果出现了错误，我们则使用 catch() 来提示错误信息。
可以看到，通过这种方式，我们可以非常便捷地实现多个异步任务的处理，而且只需要获取第一个解决的任务的结果。
结尾
Promise.any() 方法是 ECMAScript 2021 中的一种新特性，它能够更好地处理异步任务，让我们可以在多个异步任务中，只需要获取最先被解决的异步任务的结果。
希望本文对各位前端开发者有所帮助，在实际的项目中，也可以通过使用 Promise.any() 方法来更灵活地处理异步任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6781ffd9935627c900f2edc9
