在前端开发中，我们经常会使用 Babel 来将 ES6 或者更高版本的 JavaScript 代码转换为能够在当前浏览器中运行的代码。但是，有些开发者在使用 Babel 时会遇到一个问题，就是无法使用 ES7 语法特性。
什么是 ES7？
ES7，全称 ECMAScript 2016，是 JavaScript 语言的第七个版本，于 2016 年 6 月发布。ES7 引入了一些新的语法特性，比如：Array.prototype.includes()、指数运算符、async/await 等。这些特性可以提高我们的开发效率，使得代码更加简洁、易读。
Babel 是一个 JavaScript 编译器，它能够将新版本的 JavaScript 代码转换为浏览器可以理解的代码。但是，Babel 只能转换 JavaScript 语法，它并不能转换新的 API。因此，如果你想使用 ES7 中新增的 API，比如 Array.prototype.includes()，你就需要使用 polyfill。
Polyfill 是一个 JavaScript 库，它的作用是将新的 API 转换成老的 API，使得这些新的 API 可以在旧的浏览器中运行。在 Babel 中使用 polyfill，可以让你在编写代码时使用 ES7 语法特性，同时又能够在旧的浏览器中运行这些代码。
如何在 Babel 中使用 ES7 语法特性？
为了在 Babel 中使用 ES7 语法特性，你需要安装 babel-polyfill 包。你可以使用 npm 或者 yarn 来安装这个包：
--- ------- ------ --------------
或者
---- --- --------------
安装完 babel-polyfill 后，你需要在你的 JavaScript 入口文件中引入这个包：
------ -----------------
这样，你就可以在你的代码中使用 ES7 语法特性了。比如，你可以使用 Array.prototype.includes() 来判断一个数组中是否包含某个元素：
----- --- - --- -- --- -- ----------------- - ------------------ ---- -
总结
Babel 是一个非常强大的 JavaScript 编译器，它能够将新版本的 JavaScript 代码转换为浏览器可以理解的代码。但是，如果你想使用 ES7 中新增的 API，你就需要使用 polyfill。在 Babel 中使用 polyfill，可以让你在编写代码时使用 ES7 语法特性，同时又能够在旧的浏览器中运行这些代码。如果你遇到了在 Babel 中无法使用 ES7 语法特性的问题，那么你可以尝试使用 babel-polyfill 来解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662b002fd3423812e485f2b7