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

我有一个箭头函数,看起来像这样(简化)：

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

但是,当我打电话给它时,我得到了未定义：

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

为什么？

例：

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

(注意：对于上面箭头函数的特定问题,这是一个干净的,规范的dupetarget.)

解决方法:

当您使用箭头函数的函数体版本(带{})时,没有隐含的返回.你必须指定它.当您使用简洁的主体(no {})时,函数将隐式返回正文表达式的结果.

所以你要写一个明确的回报：

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()});

标签：arrow-functions,javascript,ecmascript-6
来源： https://codeday.me/bug/20190911/1804322.html