JavaScript ES6中的箭头函数-带或不带大括号

Question

喜欢问一下ES6在函数语法上的区别-带花括号和不带花括号。

两个功能均正常工作

1. 带花括号的功能：

   const function = () => {some code;};
   

2. 没有花括号的相同功能：

   const function = () => some code;
   

谢谢。

Answer 1

欢迎使用Stackoverflow！

实际上，这些不带花括号的功能是一些细微差别的简写形式。

最重要的区别是：

• 他们只能有一个陈述。 （例如() => 20 * 5）
• 它们自动返回该语句的值（上面的示例将返回值100）

看上面的例子，更经典的版本是() => {return 20 * 5}

更多详细信息can be found here for example。