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

Question

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

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

但是当我打电话给它时,我得到undefined:

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

为什么？

例:

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

---

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

Answer 1

当您使用箭头函数的函数体版本(with {})时,没有暗示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()});