JS reduce() 方法语法理解

Question

我有以下两个可以在任何浏览器上运行的代码。

代码1：

let prices = [1, 2, 3, 4, 5];
let result = prices.reduce( (x,y)=>{x+y} ); // Reduce data from x to y.
console.log(result);

代码2：

let prices = [1, 2, 3, 4, 5];
let result = prices.reduce( (x,y)=>x+y ); // Reduce data from x to y.
console.log(result);

第一个代码不起作用，但第二个代码起作用。

为什么大括号 ({}) 会使其不起作用？它们不是隐式函数的一部分吗？或者这种 braceless 语法只是 reduce() 方法的独特之处？

Answer 1

在第一个中缺少return 语句：

let prices = [1, 2, 3, 4, 5];
let result = prices.reduce( (x,y)=>{return x+y;} ); // Reduce data from x to y.
console.log(result);

在第二个示例中，return 是隐式的。

Answer 2

第一个不起作用，因为存在 {}。在 ES6 中，如果=> 之后的下一个内容没有{}，则=> 可以替代return 关键字。

如果在=> 之后提供{}，您需要明确使用return 关键字。

在代码 1 中，您需要稍作修改，如下所示：

let prices = [1, 2, 3, 4, 5];
let result = prices.reduce( (x, y) => { return x + y }); // Note the return keyword
console.log(result);

Answer 3

第二个示例有效，因为 没有 大括号，x+y 被隐式返回。如果包含大括号，则必须显式返回值，例如{return x+y}