什么是 Promise？
在介绍 Promise.all 方法之前，让我们先来了解一下 Promise 。
Promise 是一种异步编程方式，它表示一个异步操作的最终完成或失败，并提供了对其完成或失败的响应机制。Promise 对象通常用于执行耗时的操作，例如从服务器获取数据或者等待用户输入。使用 Promise 对象可以避免 JavaScript 代码在等待异步操作完成时被阻塞。
一个 Promise 对象代表了一个异步操作的最终完成或失败。它的状态有三种：
pending：Promise 对象初始化时的状态，表示异步操作正在进行中；resolved：异步操作成功完成，Promise 对象的状态变为 resolved；rejected：异步操作未成功完成，Promise 对象的状态变为 rejected。
当 Promise 对象的状态从 pending 转换为 resolved 或 rejected 时，它会执行相关的回调函数。这些回调函数可以使用 Promise 方法定义，例如 then() 和 catch()。
Promise.all 方法的作用
Promise.all 方法用于异步执行多个 Promise 对象，并在所有 Promise 执行完成后返回结果。它的作用是等待多个 Promise 都完成，然后一次性处理所有的结果。
该方法的语法如下:
---------------------
其中，iterable 是一个可迭代对象（如数组或 Map），它包含了多个 Promise 对象。Promise.all 方法返回一个新的 Promise 对象，该 Promise 对象在所有 Promise 都被成功解决或者其中一个被拒绝后解决。Promise.all 方法所返回的 Promise 对象的解决值是一个包含所有 Promise 对象解决结果的数组，如果有一个或多个 Promise 对象被拒绝，那么返回的 Promise 对象就会被拒绝。
Promise.all 方法实现示例
下面看一下 Promise.all 方法的实现示例：
----- -- - --- ----------------- ------- -- -
------------- -- -
----------- -----------
-- ------
---
----- -- - --- ----------------- ------- -- -
------------- -- -
----------- -----------
-- ------
---
----- -- - --- ----------------- ------- -- -
------------- -- -
---------- --------- ------------
-- ------
---
---------------- --- ----
--------------- -- -
---------------- -------- ----------- ---------
--
-------------- -- -
--------------- ----- --- ------- ----------- -------
---在上面的示例中，我们创建了三个 Promise 对象，并将它们放入一个数组中作为参数传递给 Promise.all 方法。p1 和 p2 延迟 1 秒和 2 秒后分别解析为字符串 'p1 resolved' 和 'p2 resolved'，而 p3 延迟 3 秒后被拒绝并返回一个错误对象。在调用 Promise.all() 方法之后，我们使用 then() 方法处理所有 Promise 对象都被解析后的返回值，并使用 catch() 方法处理出现异常的情况。当所有的 Promise 对象都被成功解决后，then() 方法返回一个数组，其按传入的顺序包含所有的成功解决值。当至少有一个 Promise 对象被拒绝时，catch() 方法将被调用，并传入一个带有错误消息的对象。
Promise.all 使用场景
Promise.all 方法可以用于如下场景：
- 当需要在同一时刻请求多个 API 接口时，使用 Promise.all 将异步请求打包，可以更高效地执行异步操作。
- 当后续代码需要依赖多个异步操作时，使用 Promise.all 可以等待它们全部完成后一次性处理结果，这样可以避免回调地狱的出现。
- 当需要封装一个异步方法，但该方法需要并发执行多个异步操作时，使用 Promise.all 可以一次性处理多个异步操作的返回结果，从而避免返回嵌套的回调函数。
总结
Promise 是一种非常强大的异步编程方式，可以大大提高 JavaScript 代码的可读性和可维护性。在多个异步操作完成后，使用 Promise.all 方法可以一次性处理所有的结果，这样可以避免回调地狱的出现，从而使代码更加简洁优雅。同时，我们还应该注意 Promise 对象的状态，以便能够更容易地控制异步操作的执行和结果处理。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64fd8da795b1f8cacdce346d