为什么我的箭头函数没有返回值？

Question

我有一个箭头函数，看起来像这样（简化）：

const f = arg => { arg.toUpperCase(); };

但是当我打电话给它时，我得到undefined：

console.log(f("testing")); // undefined

为什么？

示例：

const f = arg => { arg.toUpperCase(); };
console.log(f("testing"));

（注意：这是针对上面箭头功能的特定问题的干净，规范的目标。）

Answer 1

当您使用箭头函数的函数体版本（使用{}）时，没有隐含的return。你必须指定它。当您使用简洁正文（无{}）时，函数会隐式返回正文表达式的结果。

所以你要用明确的return：

写出来

const f = arg => { return arg.toUpperCase(); };
// Explicit return ^^^^^^

或简洁的身体：

const f = arg => arg.toUpperCase();

示例：

const f1 = arg => { return arg.toUpperCase(); };
console.log(f1("testing"));

const f2 = arg => arg.toUpperCase();
console.log(f2("testing"));

略微切向，但是谈到{}：如果你想让简洁箭头的正文表达式成为一个对象初始值设定项，请将它放在()中：

const f = arg => ({prop: arg.toUpperCase()});