前言
随着 JavaScript 的发展，Promise 已经成为了现代 JavaScript 开发中最常用的异步编程方式之一。ES8（ECMAScript 2017）中，Promise 引入了两个新的方法：Promise.race() 和 Promise.allSettled()。这两个方法可以帮助我们更加方便地处理异步编程中的一些常见问题。本文将介绍这两个方法的用法和实际应用场景。
Promise.race()
Promise.race() 方法接受一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。新的 Promise 对象在数组中的任意一个 Promise 对象状态发生改变时，就会采用该 Promise 对象的状态作为它自己的状态。如果数组中的所有 Promise 对象都没有发生状态改变，那么 Promise.race() 方法返回的 Promise 对象就会一直处于 pending 状态。
简单来说，Promise.race() 方法的作用就是：当多个 Promise 对象中有一个 Promise 对象完成（无论是成功还是失败），就返回该 Promise 对象的结果。
下面是一个使用 Promise.race() 方法的示例代码：
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------------- ----
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------- ----
-- -----
---
----------------------- ----------
------------ -- -
-------------------- -- -------- --
--
------------ -- -
------------------- -- -------- --
---在上面的代码中，我们创建了两个 Promise 对象：promise1 和 promise2。promise1 会在 1 秒后成功，而 promise2 会在 500 毫秒后失败。接着，我们使用 Promise.race() 方法将这两个 Promise 对象传入，并使用 then() 和 catch() 方法处理返回的 Promise 对象。由于 promise1 先完成，所以 then() 方法会输出 'Promise 1'。
Promise.allSettled()
Promise.allSettled() 方法接受一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。新的 Promise 对象在数组中的所有 Promise 对象都完成后才会完成。不同于 Promise.all() 方法，Promise.allSettled() 方法不会因为某个 Promise 对象失败而立即中止执行，而是会等到所有 Promise 对象都完成后再返回结果。
Promise.allSettled() 方法返回的结果是一个数组，数组中包含了传入的所有 Promise 对象的状态。每个状态对象都有一个 status 属性和一个 value 或 reason 属性，分别表示该 Promise 对象的状态和值或原因。status 属性的值为 'fulfilled' 或 'rejected'。
下面是一个使用 Promise.allSettled() 方法的示例代码：
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------------- ----
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------- ----
-- -----
---
----------------------------- ----------
------------- -- -
---------------------
---在上面的代码中，我们创建了两个 Promise 对象：promise1 和 promise2。promise1 会在 1 秒后成功，而 promise2 会在 500 毫秒后失败。接着，我们使用 Promise.allSettled() 方法将这两个 Promise 对象传入，并使用 then() 方法处理返回的 Promise 对象。由于 promise2 失败，所以 then() 方法会输出以下结果：
- - ------- ------------ ------ -------- -- -- - ------- ----------- ------- -------- -- - -
总结
Promise.race() 和 Promise.allSettled() 方法是 JavaScript 异步编程中非常实用的工具。它们可以帮助我们更加方便地处理异步编程中的一些常见问题。在实际开发中，我们可以根据具体的业务场景选择使用这两个方法中的某一个或者同时使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c97da1add4f0e0ff348d07