如何在ES2015中编写命名箭头函数？

Question

我有一个函数，我正在尝试转换为ES6中的新箭头语法。它是一个命名函数：

function sayHello(name) {
    console.log(name + ' says hello');
}

有没有办法给它一个没有var语句的名字：

var sayHello = (name) => {
    console.log(name + ' says hello');
}

显然，我只能在定义了这个函数之后才能使用它。大致如下：

sayHello = (name) => {
        console.log(name + ' says hello');
    }

在ES6中有没有一种新的方法可以做到这一点？

Answer 1

如果说“命名”，你的意思是你想要。要设置的箭头函数的name属性，您很幸运。

如果在赋值表达式的右侧定义了一个箭头函数，引擎将取左侧的名称，并使用它来设置箭头函数的. name，例如：

var sayHello = (name) => {
    console.log(name + ' says hello');
}

sayHello.name //=== 'sayHello'

话虽如此，你的问题似乎更多的是“我能得到一个箭头功能来提升吗？”。恐怕这个问题的答案是一个大大的“不”。

Answer 2

不是。箭头语法是匿名函数的缩写。匿名函数是匿名的。

命名函数用函数关键字定义。

Answer 3

如何在ES2015中编写命名箭头函数？

按照问题中排除的方式执行：将其放在赋值或属性初始值设定项的右侧，JavaScript引擎可以合理地将变量或属性名称用作名称。没有其他方法可以做到这一点，但这样做是正确的，并且完全包含在规范中。

根据规范，此函数具有真实名称，sayHello：

var sayHello = name => {
    console.log(name + ' says hello');
};

这在赋值运算符中定义

类似地，运行时语义：PropertyDefinitionEvaluation调用SetFunctionName，从而为该函数提供了一个真实名称：

let o = {
    sayHello: name => {
        console.log(`${name} says hello`);
    }
};

现代引擎已经为这样的语句设置了函数的内部名称；Edge仍然有一个位，使其在运行时标志后面的函数实例上可用作name。

例如，在Chrome或Firefox中，打开web控制台，然后运行以下代码段：

"use strict";
let foo = () => { throw new Error(); };
console.log("foo.name is: " + foo.name);
try {
  foo();
} catch (e) {
  console.log(e.stack);
}