Babel箭头功能编译成ES5

Question

使用巴别塔我注意到一些有点奇怪的东西。

const app = () => {}应该等于var app = function() {} ？

Babel返回var app = function app() {} 。

Answer 1

不，babel是正确的，因为分配给var的箭头函数理论上应该具有与该var的名称相当的name属性，以帮助堆栈跟踪和反射。 查看此链接以获取更多信息。 如果它变得陈旧，请快速摘要：

函数的name属性在声明时创建。 函数表达式的name属性是从名称绑定推断出来的：

var foo = function() {};
console.log(foo.name); // foo

箭头函数具有相同的行为：

var foo = () => {};
console.log(foo.name); // foo

因为在ES 2015 / ES 6 babel必须实际添加名称以创建命名函数表达式之前，这实际上没有标准化：

var foo = function foo() {}; // notice it's function *foo* now

支持传统环境。