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

【问题标题】：Why doesn't my arrow function return a value?为什么我的箭头函数没有返回值？
【发布时间】：2018-01-27 00:58:09
【问题描述】：

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

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

但是当我调用它时，我得到undefined：

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

为什么？

例子：

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

（注意：这是针对上述箭头函数的特定问题的干净、规范的欺骗目标。）

【问题讨论】：

【解决方案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()});

【讨论】：