在前端开发中，我们经常会使用箭头函数表达式来简化代码，提高开发效率。但有些老旧的浏览器可能不支持箭头函数语法，这时候我们可以通过 Babel 进行转换。今天我们介绍的是一款 Babel 插件 @gerhobbelt/babel-plugin-transform-arrow-functions，它可以将箭头函数转换为普通的函数表达式，让你的代码在更多浏览器上运行。
安装
在使用该插件之前，我们需要先安装它。
使用 npm：
--- ------- ---------- --------------------------------------------------
使用 yarn：
---- --- ----- --------------------------------------------------
使用方法
安装完成后，我们需要在 Babel 配置文件中对该插件进行配置。这里我们以 .babelrc 为例：
- ---------- ------------------------------------------------------ -
此时，我们的箭头函数将会被转换为普通函数表达式。
效果展示
接下来，我们来看一下该插件的使用效果。
原始代码：
----- ------ - --- -- -- - - -- --------------------- ----
转换后的代码：
--- ------ - ----------- -- - ------ - - -- -- --------------------- ----
案例
除了上面的示例，我们还可以演示一个更加复杂的案例。假设我们要将一个数组中的所有成员都加上 1：
----- --- - --- -- --- ----- ------ - ----------- -- --- - --- --------------------
转换后的代码如下所示:
--- --- - --- -- --- --- ------ - --------------------- - ------ --- - -- --- --------------------
通过以上代码，我们可以看到该插件的使用效果。
总结
通过以上介绍，相信大家已经掌握了 @gerhobbelt/babel-plugin-transform-arrow-functions 在 Babel 中的基本使用方法。使用该插件，可以让我们的代码在老旧的浏览器中也能愉快运行。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f02d7ab403f2923b035bdbb