前端开发中，ES6 的出现给我们带来诸多方便和便捷的语法，但是一些高级语法，比如 async/await 在旧版本的浏览器可能无法兼容，这时候我们就需要使用 babel 这样的工具将 ES6 代码转化为 ES5 语法，从而使得旧版本的浏览器也能够正常运行。
babel 采用了一系列的预设（preset）来进行代码转换，不同的预设适用于不同的语法特性。在本文中，我们将介绍一种名为 babel-preset-es2015-generators-async 的预设，它可以帮助我们转化使用了生成器函数的异步函数（async/await）的代码。
安装与引入
首先，我们需要安装 babel-preset-es2015-generators-async 包。使用 npm 命令即可：
--- ------- ------------------------------------
安装完毕之后，在 babel 配置文件 .babelrc 中添加以下配置：
- ---------- --------------------------- -
代码示例
我们来看一个简单的示例，将 ES6 的 async/await 语法转换为 ES5 的 Promise 语法：
----- -------- ----- -
-- -------- --- --
--- ------ - ----- -------------------
-- ------
------ -------
-
-- ---------- ------- --
-------- ----- -
------ ---------------------------------------- -
------ -------
---
-在应用了 babel-preset-es2015-generators-async 预设之后，babel 将能够自动将上述代码转化为 ES5 的 Promise 语法，从而保证在旧版本的浏览器中也能够正常运行。
总结
通过使用 babel-preset-es2015-generators-async 预设，我们可以将 ES6 中使用了生成器函数的异步代码转换为 ES5 的 Promise 语法，从而在旧版本的浏览器中也能够顺利运行。但是，需要注意的是，babel 转化的代码可能存在一些兼容性问题，使用时需要进行适当的测试和兼容性处理。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/61749