常见问题 · Babel 中文文档

为什么 for...of 被转换之后如此冗长且丑陋？

为了符合规范，迭代器（iterator）的返回方法必须是 出错时才能调用。另一个方法是启用 宽松模式（loose mode）， 但是请注意，如果你启用了宽松模式（loose mode）会收到 很多 警告， 并且你的选择将导致代码不符合规范。

请参考 google/traceur-compiler#1773 和 babel/babel#838 以了解更多信息。

去Js中文网 -前端进阶资源教程，上查看本手册体验更佳

为什么在箭头函数（arrow function）中重新映射了 this 和 arguments ？

箭头函数与普通函数 不同。arguments 和 this 在箭头函数中 引用的是包裹箭头函数的 外部函数 ，例如：

const user = {
  firstName: "Sebastian",
  lastName: "McKenzie",
  getFullName: () => {
    // whoops! `this` doesn't actually reference `user` here
    return this.firstName + " " + this.lastName;
  },
  // use the method shorthand in objects
  getFullName2() {
    return this.firstName + " " + this.lastName;
  }
};

请参考 babel/babel#842、babel/babel#814、 babel/babel#733 和 babel/babel#730 以 了解更多信息。

Js中文网 - 前端进阶资源教程 www.javascriptC.com ，Babel中文文档
一个致力于帮助开发者用代码改变世界为使命的平台

为什么将 this 重新映射到 undefined？

Babel 假设所有输入的代码都是 ES2015 模块。ES2015 模块默认是严格模式（strict mode），因此这意味着 浏览器中的顶级 this 不是 window，在 node 中也不是 exports 。

如果你不想要这种行为方式，可以在 plugin-transform-modules-commonjs 插件中关闭 strict 参数。

请注意： 如果你这样做了，你将不符合规范，这可能在将来导致兼容问题。

求助？！我只想像 5.x 版本那样使用 Babel！现在的一切都太复杂了！

我们听到了！Babel 6 只需要一点点配置就能如你所愿。 我们认为这样是最好的 ，并且还添加了一些 preset 用来简化这种版本间的转换。

从 Babel 5.x 升级到 Babel 6

Babel 6 的核心是 插件。需要什么插件完全 取决于你的配置，但是只需添加以下 配置文件 即可获得与 Babel 5 相同的转换结果：

 json
{
  "presets": ["env", "react", "stage-2"]
}

 sh
npm install babel-preset-env babel-preset-react babel-preset-stage-2 --save-dev

另外请参考我们的这篇博文 设置 Babel 6 。

所有的文档都去哪儿了？！

Babel 6 移除了很多参数，更多功能交由 插件 实现，因此 很多文档不再适用了。

对于每个被删除的参数，都应该有一个插件与之对应。也有可能是我们丢失了某些文档， 如果你觉得是这种情况的话，请 向我们提交 issue！

Babel 是一个开源项目，我们非常感谢我们所得到的任何贡献。 如果你能帮我们完善文档，请提交 pull request 到 babel.github.io 仓库。

如何从源码构建 babel？

请参考 构建说明。

如何为 Babel 贡献出自己的一份力量？

请参阅 contributing 文档。

为什么会提示语法错误（Syntax Error）/非预期标记（Unexpected Token）？

最有可能的情况是，你没有包含支持该功能的插件或 preset。（也可能是解析器的 bug，或者实际上只是语法错误）。

为什么某个 babel-x 软件包（package）没有更新？

我们当前使用的是 Lerna 的固定版本 系统。

所有软件包共用一个版本号。当我们发布版本时，唯一被更新的是 实际发生了改变的软件包（package）（我们对该文件夹执行了 git diff 操作）。

例如我们只更新 babel-plugin-transform-exponentiation-operator 到 6.x.x，由于其他依赖项使用的是 ^，因此我们不发布所有软件包的新版本。

例如，Babel v6.6.0 版本 并不意味着所有软件包（package）现在都是 6.6.0 版本。

为了确保你所使用的是最新版本的软件包（package），你可能需要删除 node_modules 目录并重新执行 npm install 命令。

← 附加说明路线图 →

推荐阅读：

• Hi,请你手写实现一个深克隆之面试官十连问(1)
• Hi,能聊下你所理解的Babel吗之面试官十连问(7)
• Hi,最后送你一份全网最全的http面试知识之面试官十连问结束
• Hi,是否写过『通用前端组件』并讲讲优劣之面试官十连问(6)
• Hi,React-Vue可以用Event Bus进行组件通信,你可以实现下吗之面试官十连问(2)
  

来源：Js中文网 - 前端进阶资源教程
链接：https://www.javascriptc.com/docs/babel-manual/faq