随着 JavaScript 语言的不断发展，期约（Promise）成为了现代 JavaScript 开发中不可或缺的一部分。ES12 中引入了期约队列的连接操作，为期约的处理提供了更加便捷和高效的方式。
期约队列
在 JavaScript 中，期约可以看作是一种异步操作的容器。期约的状态有三种：pending（等待中）、fulfilled（已完成）和rejected（已拒绝）。一旦期约的状态从pending变为fulfilled或rejected，就会执行相应的回调函数。
期约队列是一种将多个期约组合起来的数据结构。它可以让我们更好地掌控异步操作的执行顺序，避免回调地狱的出现。
连接期约队列
ES12 中引入了Promise.allSettled()方法和Promise.any()方法来连接期约队列。
Promise.allSettled()
Promise.allSettled()方法接收一个期约数组，返回一个新的期约，该期约在所有输入期约都已完成或拒绝后才会完成。返回的期约的状态为fulfilled，并且它的值是一个数组，包含每个输入期约的状态和值。如果所有输入期约都已完成，则数组中的每个元素的status属性都为fulfilled。如果任何一个输入期约已被拒绝，则数组中的每个元素的status属性都为rejected。
示例代码：
----- -------- - -------------------
----- -------- - ------------------------
----- -------- - -------------------
----------------------------- --------- ----------
--------------- -- -
---------------------
--
-------------- -- -
-------------------
---输出结果：
- - ------- ------------ ------ - -- - ------- ----------- ------- ------- -- - ------- ------------ ------ - - -
Promise.any()
Promise.any()方法接收一个期约数组，返回一个新的期约，该期约在任何一个输入期约完成后就会完成。返回的期约的状态为fulfilled，并且它的值是第一个完成的输入期约的值。如果所有输入期约都被拒绝，则返回的期约的状态为rejected，并且它的值是一个AggregateError对象，包含所有输入期约的拒绝原因。
示例代码：
----- -------- - --- ----------------- -- ------------------- ----- ----------
----- -------- - --- ----------------- -- ------------------- ----- ----------
----- -------- - --- ----------------- ------- --
------------------ ----- --------
--
---------------------- --------- ----------
------------- -- -
-------------------
--
-------------- -- -
-------------------
---输出结果：
-----
总结
ES12 中引入的Promise.allSettled()方法和Promise.any()方法可以让我们更加方便地连接期约队列，避免回调地狱的出现。同时，它们也提供了更加高效和便捷的方式来处理异步操作。在实际开发中，我们可以根据具体情况选择使用哪种方法来连接期约队列，以达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662b4db1d3423812e48cd23a