问题描述
在使用 Babel 编译 ES6 代码时，有时会出现 “yield is a reserved word” 的错误，如下所示：
------------ ----- -- - -------- ----
这是因为在 ES6 中，yield 是一个关键字，Babel 默认不支持将其转换成 ES5 语法。
解决方案
要解决这个问题，可以使用 Babel 的插件或者在配置文件中进行相应的设置。
使用 Babel 插件
Babel 提供了一个插件 transform-es2015-generator，可以将 ES6 中的生成器函数转换成 ES5 语法，从而支持 yield 关键字的使用。在安装了该插件后，在 Babel 配置文件 .babelrc 中加上以下内容：
- ---------- ------------------------------ -
这样，当 Babel 编译 ES6 代码时，就会自动使用该插件进行转换。
配置 Babel
如果不想使用插件，也可以在 Babel 配置文件 .babelrc 中加上以下内容：
-
---------- -
--------------------- -
---------- -
------- ---------
--
---------- -------------------------
--
--
---------- -----------------------------------
-其中，exclude 属性用于排除 transform-regenerator 插件的使用，因为该插件会导致生成器函数被转换成 regenerator 算法。@babel/plugin-transform-runtime 插件则提供了运行时支持，可以避免常用的一些代码重复。
示例代码
下面是一个简单的示例代码：
--------- --------- -
--- - - --
----- ------ -
----- ----
-
-
----- --- - ----------
------------------------ -- ------- -- ----- ------
------------------------ -- ------- -- ----- ------
------------------------ -- ------- -- ----- ------以上代码使用生成器函数实现了一个计数器，每次调用 next 方法时，返回一个递增的计数器值。由于使用了 yield 关键字，如果不进行相应的配置，会出现 “yield is a reserved word” 的错误。可以使用上述的插件或配置方法，将其成功转换成 ES5 语法。
总结
在使用 Babel 编译 ES6 代码时，可能会遇到 yield 关键字被识别为保留字的问题。为了解决这个问题，可以通过使用 Babel 的插件或配置文件进行相应的设置。这些方法都可以将生成器函数成功转换成 ES5 语法，从而支持 yield 关键字的使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6648102ad3423812e469a4ce