Javascript 箭头函数，大括号与return的省略问题

Posted 2020-12-14 这就是经典

参考官方文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

其中说：

// 当箭头函数的函数体只有一个 `return` 语句时，可以省略 `return` 关键字和方法体的花括号
elements.map(element => element.length); // [8, 6, 7, 9]

以及：

箭头函数可以有一个“简写体”或常见的“块体”。

在一个简写体中，只需要一个表达式，并附加一个隐式的返回值。在块体中，必须使用明确的return语句。

var func = x => x * x;                  
// 简写函数 省略return

var func = (x, y) => { return x + y; }; 
//常规编写 明确的返回值

 

总结一下，如果箭头函数中只有一句return，那么可以同时省略大括号与return；但如果使用了大括号，即使只有一句表达式，也必须有return。

备忘。