前言
在编写前端代码的过程中，遇到异步操作非常常见，比如：发送 ajax 请求、通过 Promise 进行异步操作、使用 async/await 等等。其中异步操作较为常用，而本文就是要介绍 npm 包 async/await 的使用方法。
什么是 async/await
async/await 是 ES2017 带来的新语法，可以解决异步回调嵌套的问题，使异步代码看起来像同步代码一样易懂。其中 async 定义一个异步函数，await 等待异步函数执行完毕并返回结果。
async/await 的使用
安装 async 包
安装 async 包，可以使用 npm 命令：
npm install async
用 async/await 代替回调
使用 async/await 替换回调函数，并使用 try/catch 进行异常处理。
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- ------------ -
--- -
----- ---- - ----- --- ----------------- ------- -- -
-- -- --- -------
---
------ -----
- ----- ----- -
-------------------
-
-并行执行异步操作
可以使用 Promise.all() 函数或 async/await 配合使用实现并行执行异步操作。
Promise.all()：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- --------- -
----- --- - ----- -------------
--- ----------------- ------- -- -
-- -- --- -- - -----
---
--- ----------------- ------- -- -
-- -- --- -- - -----
--
---
--------------------
--------------------
-async/await：
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- --------- -
----- ---- - --- ----------------- ------- -- -
-- -- --- -- - -----
---
----- ---- - --- ----------------- ------- -- -
-- -- --- -- - -----
---
----- ---- - ----- -----
----- ---- - ----- -----
------------------
------------------
-串行执行异步操作
可以使用 async/await 配合 for 循环串行执行异步操作。
-- -------------------- ---- -------
----- ----- - -----------------
----- -------- ------------ -
----- --------- - ------- ------ -------
----- -------- - ---
--- -
--- ---- - - -- - - ----------------- ---- -
----- ---- - ----- --- ----------------- ------- -- -
-- -- --- -------
---
--------------------
-
------ ---------
- ----- ----- -
-------------------
-
-总结
通过本文的介绍，相信大家对 async/await 的使用方法有了更加深入的了解。在实际项目开发中，可以根据需求灵活选择不同的执行方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bda81e8991b448e5819