如何在 ES2015 中编写命名箭头函数？
您按照您在问题中排除的方式进行操作：您将其放在赋值或属性初始化程序的右侧，其中变量或属性名称可以合理地用作 JavaScript 引擎的名称。没有其他方法可以做到这一点，但这样做是正确的，并且完全被规范所涵盖。
根据规范，这个函数有一个真实的名字，sayHello：
var sayHello = name => {
console.log(name + ' says hello');
};
这目前在Assignment Operators > Runtime Semantics: Evaluation 中定义，它执行抽象NamedEvalution 操作（当前步骤1.c.i）。 （您可以通过将鼠标悬停在标题中的 NamedEvalution 上并单击“参考”来查看适用的任何地方。）（以前，在 ES2019 之前，Assignment Operators > Runtime Semantics: Evaluation 使用了the abstract SetFunctionName operation，步骤 1.e.iii，但在 ES2019 之后规范抽象已替换为 NamedEvalution。）
类似地，PropertyDefinitionEvaluation 使用 NamedEvalution，因此给这个函数一个真实的名字：
let o = {
sayHello: name => {
console.log(`${name} says hello`);
}
};
现代引擎已经为这样的语句设置了函数的内部名称。
例如，在 Chrome、Edge（基于 Chromium，v79 及更高版本）或 Firefox 中，打开 Web 控制台，然后运行此 sn-p：
"use strict";
let foo = () => { throw new Error(); };
console.log("foo.name is: " + foo.name);
try {
foo();
} catch (e) {
console.log(e.stack);
}
在 Chrome 51 及更高版本和 Firefox 53 及更高版本（以及带有实验标志的“Legacy”Edge 13 及更高版本，或“Chromium”Edge 79 及更高版本）上，当你运行它时，你会看到：
foo.name 是：foo
错误
在 foo (http://stacksn-ps.net/js:14:23)
在 http://stacksn-ps.net/js:17:3
注意foo.name is: foo 和Error...at foo。
在 Chrome 50 及更早版本、Firefox 52 及更早版本以及不带实验标志的 Legacy Edge 上，您会看到这一点，因为它们还没有 Function#name 属性：
foo.name 是：
错误
在 foo (http://stacksn-ps.net/js:14:23)
在 http://stacksn-ps.net/js:17:3
请注意，foo.name is: 中缺少该名称，但它显示在堆栈跟踪中。只是在函数上实际实现name property 的优先级低于其他一些 ES2015 特性； Chrome 和 Firefox 现在都有了； Edge 有它在旗帜后面，大概它不会在旗帜后面太久了。
很明显，这个函数我定义了之后才能使用
正确。箭头函数没有函数 declaration 语法，只有函数 expression 语法，并且没有与旧式命名函数表达式中的名称等效的箭头 (var f = function foo() { };) .所以没有等价于：
console.log(function fact(n) {
if (n < 0) {
throw new Error("Not defined for negative numbers");
}
return n == 0 ? 1 : n * fact(n - 1);
}(5)); // 120
你必须把它分成两个表达式（我认为你应该这样做）：
const fact = n => {
if (n < 0) {
throw new Error("Not defined for negative numbers.");
}
return n == 0 ? 1 : n * fact(n - 1);
};
console.log(fact(5));
当然，如果你有把它放在需要单个表达式的地方，你总是可以...使用箭头函数：
console.log((() => {
const fact = n => {
if (n < 0) {
throw new Error("Not defined for negative numbers.");
}
return n == 0 ? 1 : n * fact(n - 1);
};
return fact(5);
})()); // 120
我并不是说这很漂亮，但如果你绝对肯定需要一个表达式包装器，它就可以工作。
旁注：如果您不希望函数从您分配的标识符中获取其名称怎么办？那，假设您不希望example.name 成为"example"？
const example = () => {};
console.log(example.name); // "example"
您可以通过使用任何不使用 NamedEvaluation 的表达式来避免它。做这种事情最流行的方法可能是逗号运算符：
const example = (0, () => {});
// ^^^−−−−−−−−−^
console.log(example.name); // ""
0 可以是你想要的任何东西，它会被评估然后丢弃，所以0 是一个受欢迎的选择。通过逗号运算符传递函数会破坏赋值和函数表达式之间的直接链接，从而阻止 NamedEvaluation 为函数提供名称 example。 （这类似于逗号运算符的其他著名用法，例如 (0, object.example)() 调用 object.example 而不在调用中将 object 的值设为 this，或者 (0, eval)("code")，执行eval，但不像通常那样在当前范围内。）
（感谢 Sebastian Simon 在 cmets 中提出这一点。）