Regenerator是一个基于ECMAScript/JavaScript的编译器，可以将带有generator函数的ES6代码转换为可以在ES5环境下使用的JavaScript代码。它的作用是非常重要的，可以让我们在不失去ES5的兼容性的前提下实现更多的代码功能。
在本文中，我们将介绍如何使用npm包Regenerator将generator函数编译为可以在ES5环境中工作的代码。
安装
在使用Regenerator之前，你需要先安装它。你可以通过npm来安装它：
npm install regenerator-runtime --save-dev
这个命令会安装Regenerator以及它所依赖的其他包。
使用
安装完Regenerator之后，我们就可以开始使用它了。
Regenerator是一个编译器，它会将generator函数编译为普通的JavaScript代码，因此它需要一个编译器来进行编译。我们可以使用Babel来完成这个工作，也可以手动运行Regenerator的编译命令。
使用Babel
如果你已经使用Babel来编译你的代码，那么你只需要添加一个Regenerator的插件就可以了。在你的Babel配置文件中加入以下代码：
{
"plugins": [
"@babel/plugin-transform-regenerator"
]
}这个配置会告诉Babel在编译时自动使用Regenerator对generator函数进行编译。
手动编译
如果你不想使用Babel，你也可以手动编译你的代码。
首先，你需要在你的代码中引入Regenerator：
import 'regenerator-runtime/runtime'
然后，你需要在你的代码中使用generator函数。例如，我们可以编写这样一个简单的generator函数：
function* generateSequence() {
yield 1
yield 2
return 3
}最后，我们可以使用Regenerator编译这个generator函数：
-- -------------------- ---- -------
----- ------------------ - ------------------------------
----- ---------------- - -------------------------------- ------------------ -
------ -------------------------------- --------------------------- -
----- --- -
------ --------------- - --------------- -
---- --
------------- - -
------ -
---- --
------------- - -
------ -
---- --
------ ------------------------- --
---- --
---- ------
------ ---------------
-
-
-- -----------------
--示例代码
以下是一个完整的Regenerator示例代码，其中包含了Babel和手动编译两种使用方式：
-- -------------------- ---- -------
-- ---------
--------- ------------------ -
----- -
----- -
------ -
-
------------------------------------ -- --- --
-- ----
------ -----------------------------
----- ------------------ - ------------------------------
----- ---------------- - -------------------------------- ------------------ -
------ -------------------------------- --------------------------- -
----- --- -
------ --------------- - --------------- -
---- --
------------- - -
------ -
---- --
------------- - -
------ -
---- --
------ ------------------------- --
---- --
---- ------
------ ---------------
-
-
-- -----------------
--
------------------------------------ -- --- --总结
Regenerator是一个非常有用的npm包，可以让我们将ES6代码转换为可以在ES5环境中使用的代码。使用Regenerator非常简单，可以通过Babel和手动编译两种方式完成。在实际开发中，我们可以根据自己的需要选择适合自己的使用方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40467