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。