在前端开发中，我们经常要处理多个异步请求的结果，例如在 RESTFUL API 的场景下，常常需要同时请求多个接口，然后根据这些接口的响应结果来决定下一步的行为。在 ES6 时代，我们通常会使用 Promise.all() 方法来处理这种情况。但是，Promise.all() 的一个显著缺点是只要有一个接口出现错误，整个 Promise 链就会 reject。这样的处理方式不够灵活，因此在 ES11（即 ES2021）中，新增了 Promise.any() 方法，它可以让我们更方便地处理多个请求的情况。
什么是 Promise.any() 方法
Promise.any() 方法是 ES11 新增的方法，用于处理多个 Promise 实例，它只要求其中一个 Promise 实例成功即可返回，而不像 Promise.all() 那样，只有当所有的实例都成功之后，才会返回成功的结果。
示例代码
下面是一个简单的示例，假设我们需要向远程 API 请求多个接口，并根据这些接口的响应结果来决定下一步的行为：
----- -------- - --- ----------------- ------- -- ------------- -- ------------------- ------- ----- -------- - --- ----------------- ------- -- ------------- -- ------------------- ------- ----- -------- - --- ----------------- ------- -- ------------- -- ------------------ ------- ---------------------- --------- ----------------------- -- - ------------------- -------------- -- - ------------------- ---
在上面的代码中，我们用 Promise.any() 方法来处理三个 Promise 实例，只要其中一个 Promise 实例成功就会返回成功的结果。在本次执行中，输出的结果是：
-------
因为只有 promise1 成功了，其他两个 Promise 实例都失败了。如果将 promise1 的响应结果改为失败的话，执行结果就是：
-------
这时，因为 promise2 成功了，所以 Promise.any() 返回的结果是请求接口2成功。
Promise.any() 方法的兼容性
需要注意的是，Promise.any() 方法是 ES11 新增的方法，因此需要支持最新版本的浏览器才能直接使用。如果需要在旧版浏览器中使用 Promise.any() 方法，可以使用 polyfill 来实现兼容性。
总结
本文介绍了 ES11 新增的 Promise.any() 方法，它可以让我们更方便地处理多个请求的情况，只要其中一个请求成功就可以返回结果。相比之下，Promise.all() 的错误处理方式不够灵活，如果其中一个请求失败就会整个 Promise 链都 reject。在实际开发中应该根据具体情况选择合适的方法来处理多个请求的结果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6535ed447d4982a6ebdabe6c