异步编程是前端开发中常用的一个技术，但是异步编程也常常会令程序员感到困扰，因为它涉及到回调函数、Promise 等复杂的概念。而 async/await 就是一种可以简化异步编程的语法糖。在前端开发中，可以使用 npm 包 asyncawait 来使用 async/await。
安装 asyncawait
可以使用 npm 安装 asyncawait 包：
--- ------- ----------
需要注意的是，asyncawait 包是一个 Babel 插件，因此需要配合 Babel 使用。具体来说，需要在 .babelrc 中的 plugins 中添加 asyncawait。
使用 async/await
async/await 是 ECMAScript 2017 引入的语法，可以让异步编程更加简洁易懂。async/await 的基本用法如下：
----- -------- ----- - ----- ------ - ----- --------------------- -- --- -
在 async 函数中，可以使用 await 关键字来等待一个 Promise 对象执行完成。如果 Promise 对象 resolve，则 await 返回 resolve 的结果；如果 Promise 对象 reject，则 await 抛出异常。需要注意的是，await 只能在 async 函数中使用。
asyncawait 的示例
下面是一个使用 asyncawait 包的示例，它会读取一个文件并输出文件的内容：
------ -- ---- ----- ------ - --------- - ---- ------- ------ ------- ---- ------------------- ------ ------- ---- ------------------- ----- ------------- - ----------------------- ----- ----------------- - ------------- -- -- - ----- ------- - ----------------------------------- ---------- --------------------- --- --------------------
首先，使用 Node.js 内置的 fs 模块的 readFile 方法来异步读取文件。由于 readFile 方法是一个 callback-style 的 API，因此需要使用 Node.js 内置的 promisify 方法来将其转化为 Promise-style。
然后，引入 async 和 await 对象，并使用 asyncFn 和 awaitFn 把它们包裹起来。最后，调用 readAndOutputFile 函数就可以输出文本的内容了。
总结
使用 async/await 可以让异步编程更加简洁易懂。通过使用 npm 包 asyncawait，可以方便地在前端项目中使用 async/await。需要注意的是，asyncawait 包是一个 Babel 插件，需要在 .babelrc 中配置才能正常使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/57398