为什么我的箭头函数不返回值?

Why doesn't my arrow function return a value?

提问人: 提问时间:8/18/2017 最后编辑:T.J. Crowder 更新时间:10/10/2021 访问量:3087

问:

我有一个箭头函数,如下所示(简化):

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

但是当我调用它时,我得到:undefined

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

为什么?

例:

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


注意:对于上述箭头函数的特定问题,这是一个干净的、规范的复制目标。

javascript ecmascript-6 箭头函数

评论

3赞 Bergi 8/11/2021
另请参阅箭头函数中的大括号何时应在 ES6 箭头函数中使用 return 语句

答:

39赞 3 revsT.J. Crowder #1

当您使用箭头函数(with )的函数体版本时,没有隐含的 。您必须指定它。当您使用简洁的正文 (no ) 时,正文表达式的结果由函数隐式返回。{}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"));


稍微切线,但说到:如果你想让简洁箭头的body表达式成为一个对象初始值设定项,把它放在:{}()

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