在前端开发中，常常需要同时发起多个异步请求，并在所有请求都完成后进行下一步操作。这时候，使用 Promise.all() 构造函数可以帮助我们简化代码，实现并发请求的处理。在ES8中，使用全局的 Promise.all() 构造函数，可以更加灵活地处理多个异步请求的并发。
什么是 Promise.all() 构造函数？
Promise.all() 构造函数是 ES6 中的一个方法，用于将多个 Promise 实例封装成一个新的 Promise 实例。当所有的 Promise 实例都变成 fulfilled 状态，新的实例才会变成 fulfilled 状态，并将所有 Promise 实例的结果作为参数传递给回调函数。
ES8 中的全局 Promise.all() 构造函数与 ES6 中的 Promise.all() 构造函数类似，只不过不需要通过 Promise 对象调用，而是可以直接作为全局函数使用。
如何使用全局的 Promise.all() 构造函数？
使用全局的 Promise.all() 构造函数，可以非常轻松地处理多个异步操作并行执行，等待所有异步操作都执行完毕后，再对所有结果进行处理。
下面是使用全局的 Promise.all() 构造函数的示例代码：
-- -------------------- ---- ------- ----- -------- - --- ----------------- ------- -- - ------------------- ----- ------------ --- ----- -------- - --- ----------------- ------- -- - ------------------- ----- ------------ --- ----- -------- - --- ----------------- ------- -- - ------------------- ----- ------------ --- ---------------------- --------- ------------------------ -- - -------------------- ---
上面的代码中，我们创建了三个 Promise 实例，分别在不同的延时后将不同的值传递给回调函数。然后，我们使用全局的 Promise.all() 构造函数，将这三个 Promise 实例封装成一个新的 Promise 对象，每个 Promise 对象的 resolve 都会将对应的值作为参数传递给 Promise.all() 构造函数形参中的数组。
当三个 Promise 实例都变为 fulfilled 状态后，Promise.all() 构造函数会将三个 Promise 实例的结果作为数组参数，传递给回调函数。然后，我们可以在 then() 方法中处理这个数组，实现对所有异步操作的处理。
Promise.all() 构造函数的错误处理
当 Promise.all() 构造函数中的 Promise 实例中有一个或多个 Promise 实例变为了 rejected 状态时，Promise.all() 构造函数会将这个错误状态传递给回调函数。如果想要在出现错误时进行处理，可以使用 catch() 方法来捕获错误。
下面是包含错误处理的示例代码：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------------- ----- ------------
---
----- -------- - --- ----------------- ------- -- -
------------------ ----- --- --------------- ---------
---
----- -------- - --- ----------------- ------- -- -
------------------- ----- ------------
---
---------------------- --------- ----------
-------------- -- -
--------------------
--
------------ -- -
-----------------
---如果 Promise.all() 构造函数中的一个或多个 Promise 对象变成了 rejected 状态，则所有的 Promise 对象都会立即变成 rejected 状态，且第一个被 rejected 的对象的错误信息会传递给 catch() 方法中的回调函数。
总结
在前端开发中，经常需要处理多个异步请求的并发，以提高应用程序的性能和响应速度。ES8 中，使用全局的 Promise.all() 构造函数可以方便地处理并发异步请求，并在所有请求完成后进行下一步操作。
使用 Promise.all() 构造函数的关键在于，封装多个 Promise 实例成一个 Promise 对象，并通过 then() 方法来处理所有 Promise 实例的结果。在出现错误时，使用 catch() 方法捕获错误进行处理，使程序具有健壮性。
通过学习全局的 Promise.all() 构造函数，可以更好地应对异步编程中的并发问题，并提高应用程序的开发效率和代码可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64acb7f048841e98948a79af