随着前端技术的不断升级和发展，异步编程已经成为了不可或缺的一部分，而 async/await 语法和 generator 语法都能帮助开发者更好地处理异步编程逻辑。而在 async 和 generator 的基础上，async generator 就成为了 JavaScript 中一个非常强大的异步编程工具。@gerhobbelt/babel-plugin-proposal-async-generator-functions 就是一个可以帮助开发者实现 async generator 的 Babel 插件。
安装
使用 npm 安装 @gerhobbelt/babel-plugin-proposal-async-generator-functions：
--- ------- ---------- -----------------------------------------------------------
配置
安装完成后，我们需要在 babel 配置文件中设置使用该插件。我们可以新建一个 babel 配置文件 .babelrc，然后添加如下配置：
- ---------- --------------------------------------------------------------- -
使用
配置完成后，我们就可以在代码中使用 async generator 语法了。下面是一个使用 async 和 generator 实现的异步编程例子：
----- --------- ------------------------- -
--- ------ -------- -- ---------- -
--- -
----- -------- - ----- ----------------
----- ----- ----------------
- ----- ----- -
-------------------
-
-
-我们可以先用 fetch 获取到一些资源数据，然后使用 yield 关键字将资源数据 yield 返回。使用 async generator 可以帮助我们更好地处理异步返回结果。我们可以通过如下方式进行调用：
------ ---------- -
--- ----- ------ ---- -- ------------------------ -------- ---------- -
------------------
-
-----这样，我们就可以在控制台打印出获取到的所有资源数据了。
总结
使用 @gerhobbelt/babel-plugin-proposal-async-generator-functions 可以帮助我们实现 async generator 语法，进一步提升异步编程能力。在实际使用过程中需要注意的是，由于 async generator 语法并不完全得到支持，还需要使用 Babel 进行转译，因此配置和使用都需要注意相关细节。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f02cf77403f2923b035bda8