前言
在前端开发中，经常需要对异步操作进行处理。为了更好的支持异步语法，JavaScript 推出了 async/await 等语法。但是在 ES6 中，这些语法是无法直接运行的。因此需要借助 Babel 和 regenerator-preset 这两个 npm 包的使用，才能支持 async/await 等语法。
regenerator-preset 简介
regenerator-preset 是一个支持异步语法的解决方案。它是 Babel 转换异步语法的一个 preset，其主要作用是将 async/await 等异步语法转成 generator 和 yield 的形式，再交由 Babel 转换为 ES5 代码。
安装 regenerator-preset
使用 npm 安装 regenerator-preset 非常简单，只需要在项目根目录中执行以下命令即可：
--- ------- ---------- ------------------- ------------------------
Babel 提供了一个命令行工具 babel-cli，可以将 ES6 或者新版的 JavaScript 文件编译为 ES5 标准的文件。可以通过以下命令安装：
--- ------- ---------- ---------
配置 Babel
安装好 regenerator-preset 后，还需要在项目根目录创建一个 .babelrc 的文件，并配置 Babel 的 preset。
-
---------- -
---------- - ---------- ----- ---
--------------- ---
-
-其中，第一个 preset 是 es2015，其作用是支持 ES6 语法。第二个 preset 是 regenerator，其作用是支持 generator 和 yield 命令。
使用 regenerator-preset
在编写 JavaScript 文件时，只需要在头部添加以下代码即可支持异步语法。
------ ------------------ ---- ----------------------
示例代码
以下示例代码演示了如何使用 regenerator-preset 支持异步语法。
------ ------------------ ---- ----------------------
----- -------- ----- -
--- ------- - --- ----------------- ------- -- -
------------- -- ----------------- -----
---
--- ------ - ----- --------
--------------------
-
------总结
regenerator-preset 是一个非常实用的解决方案，可以让我们更加便捷的使用异步语法，提高开发效率。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/40471