箭头函数的正确语法是什么？不同写法的差异及性能对比

嘿，这个问题问得很接地气！箭头函数的各种简写确实容易让人纠结，咱们一步步说清楚：

有没有“更正确”的写法？ #

其实没有绝对的“正确”，只有更适配场景的选择：

• 像fun2 = a => a这种简写，适合逻辑极简单的单行返回场景，写起来清爽简洁，可读性拉满；
• 而fun1 = (a) => { return a; }的完整写法，更适合函数体需要多行逻辑的情况——比如要加判断、循环，或者需要在返回前做一些变量处理，这时候大括号和显式return就必不可少了。

简单说：单行返回用简写，多行逻辑用完整写法，怎么顺怎么来～

fun2比fun1性能更优吗？ #

结论是：日常开发完全感知不到差异！

现代JavaScript引擎（比如Chrome的V8）会对这两种写法做编译优化，最终生成的执行代码几乎完全一致。哪怕你跑百万次循环测试，可能也只有微乎其微的性能差，这种差别在实际业务场景里根本可以忽略不计。所以别为了性能纠结选哪种，优先考虑代码可读性就行。

两种写法的核心差异 #

• 语法简化规则：fun2是箭头函数的简写形式，省略了三个部分：单个参数的括号、函数体的大括号、单行表达式的return；fun1则保留了所有完整语法，不管参数数量多少、函数体复杂与否都能用。
• 函数体限制：fun2只能用于单行表达式返回的场景，如果函数体里需要写多行代码（比如let temp = a * 2; return temp;），就必须用fun1的大括号写法。
• 返回值规则：fun2是隐式返回，只要是单行表达式，引擎会自动把表达式结果作为返回值；fun1则需要显式写return，如果省略return，函数会默认返回undefined。
• 参数括号要求：如果箭头函数没有参数，或者有多个参数，就不能像fun2那样省略括号，比如必须写成() => 0或者(a, b) => a + b，而fun1的写法不管参数数量都可以用括号包裹。

内容的提问来源于stack exchange，提问作者Gabriel Carneiro