在 ECMAScript 2020 中，新增了一个 Promise.any() 方法，它的作用是在多个 Promise 中只要有一个 Promise 成功就立即返回结果，不再等待其他 Promise。这个方法对于前端开发来说非常实用。
Promise.any() 方法的使用方法
Promise.any() 方法的语法如下：
Promise.any(iterable);
其中，iterable 表示一个可以迭代的对象，比如数组。它会返回一个新的 Promise。
如果 iterable 中的所有 Promise 都失败了，那么这个新的 Promise 也会失败，并且它的返回值是一个 AggregateError 对象，它包含了 iterable 中所有 Promise 的错误信息。
Promise.any() 方法的实际应用
下面来看一个实际的案例，假设我们需要从三个不同的 API 中获取数据，三个 API 的地址分别是：
https://api.example.com/data1 https://api.example.com/data2 https://api.example.com/data3
我们可以使用 Promise.all() 方法来一次性地获取这三个 API 返回的数据，代码如下：
-- -------------------- ---- ------- ------------- --------------------------------------- --------------------------------------- -------------------------------------- -- -------------- ------ ------- -- - ------------------ ------ ------- -- ------------ -- - --------------------- ---
但是，如果有一个 API 的响应时间很长，而其他两个 API 的响应时间很短，那么使用 Promise.all() 方法的时候就会浪费时间。因为 Promise.all() 方法会等待所有 Promise 都返回结果后才会进入 .then() 方法。
这时候，我们可以使用 Promise.any() 方法来解决这个问题。代码如下：
-- -------------------- ---- ------- ------------- --------------------------------------- --------------------------------------- -------------------------------------- -- -------------- -- - ---------------------- -- ------------ -- - --------------------- ---
这个代码块将会输出第一个响应结果。这样就能够大大减少请求时间。
特别提醒
要注意的是，Promise.any() 方法只返回第一个成功的 Promise 的结果，它不会确保其他 Promise 是否成功或失败。因此，如果你需要确保所有 Promise 都成功，那么请使用 Promise.all() 方法。如果你需要确保每个 Promise 都成功，那么请使用 Promise.allSettled() 方法。
总结
在 ECMAScript 2020 中，Promise.any() 方法成为了一个新的有用的方法。我们可以用它来解决多个 Promise 同时请求的问题，它能够节省请求时间。但是，要注意它只返回第一个成功的 Promise 的结果，如果需要确保所有 Promise 都成功，还请使用 Promise.all() 方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460d5b1968c7c53b02717b9