在 ES8 中使用 async/await 处理多个并行请求的方法
在开发 Web 应用程序时，异步请求是必不可少的部分。异步请求可以使用户界面保持响应并为用户提供更好的用户体验。ES8 中的 async/await 是一种简单而强大的工具，可以帮助我们更轻松地处理多个并行请求。
一些基本概念
在介绍 async/await 如何处理多个并行请求之前，让我们先回顾一些基本概念。
Promise：Promise 是一种 JavaScript 对象，用于表示异步操作的状态。Promise 有三种状态：pending、fulfilled 和 rejected。在异步操作完成后，可以使用 then()、catch() 和 finally() 方法处理 Promise。
async 和 await：async 和 await 是一种相对较新的 JavaScript 特性，用于处理异步操作。async 定义一个异步函数，它会返回一个 Promise。在 async 函数中，可以使用 await 关键字等待一个 Promise 的完成，而不阻塞代码执行。
Promise.all()：Promise.all() 方法用于组合多个 Promise，返回一个新的 Promise，该新 Promise 将在所有输入 Promise 都已解决时解决，并返回一个包含所有输入 Promise 结果的数组。
如何使用 async/await 处理多个并行请求
下面是一个示例，说明了如何使用 async/await 处理多个并行请求。我们假设有两个异步请求，我们需要等待它们都完成后，执行某些后续步骤。
首先，我们定义一个 async 函数，该函数使用 await 等待所有异步调用完成。在此示例中，我们使用 axios 库发起网络请求，但是您可以使用适合您项目的任何其他库。
-- -------------------- ---- -------
----- -------- -------------- -
----- ------- ------ - ----- -------------
------------------------------------------
-----------------------------------------
---
-- ---------------
--------------------- ------------
--------------------- ------------
-在上面的代码中，我们定义了一个名为 fetchAllData() 的异步函数。该函数等待 Promise.all() 解决后，直到所有异步请求都已完成。我们使用数组解构使 Promise.all() 返回的数组中的数据分别分配给变量 data1 和 data2。接下来，我们可以使用这些变量来完成后续处理。
总结
使用 async/await 和 Promise.all() 处理多个并行请求是一种简单而强大的方法，可以帮助我们更轻松地构建高效的 Web 应用程序。在编写更复杂的应用程序时，这种技术特别有用。
注意，将这些方法合理地组合使用可以让您的代码更加优雅和易于理解。建议您在下一个项目中尝试使用 async/await 和 Promise.all() 进行多个并行请求的处理。
参考链接
Axios: https://github.com/axios/axios
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a8a04348841e989450cabf