JavaScript：匿名函数与return语句的使用差异及正确性探讨

嘿，这个问题问得很到位！其实这两种写法在功能上是等价的（所以输出结果完全一致），但它们在语法规则和适用场景上有明确区别，而且没有谁“更正确”——只是要根据你的代码需求来选择：

先给你举个具体的例子，方便理解：

• 带显式return和大括号的写法：

const double = (num) => {
  // 这里可以加额外的逻辑，比如打印日志
  console.log(`正在处理数字：${num}`);
  return num * 2;
};

• 省略大括号和return的简写写法：

const double = (num) => num * 2;

两者的核心区别 #

1. 语法规则限制

   • 简写写法（省略{}和return）只能用于函数体是单个表达式的情况，这个表达式的结果会被自动作为函数返回值（也就是“隐式返回”）。
   • 带{}和return的写法是通用写法，不管函数体有多少行代码都能使用。当你用大括号包裹函数体时，必须手动写return来指定返回值——如果没写，函数默认会返回undefined。

2. 适用场景不同

   • 当函数逻辑非常简单，只有一行返回逻辑时，简写写法会让代码更简洁易读，比如在数组的map/filter这类操作中：

   const numbers = [1, 2, 3];
   const doubledNumbers = numbers.map(num => num * 2); // 简洁清爽
   

   • 当函数需要多行逻辑（比如变量声明、条件判断、循环、副作用操作）时，必须用带{}和return的写法：

   const calculateDiscount = (price, isMember) => {
     let discount = 0;
     if (isMember) {
       discount = price * 0.1;
     } else if (price > 100) {
       discount = price * 0.05;
     }
     // 这里必须显式写return，否则函数会返回undefined
     return price - discount;
   };
   

关于“正确性” #

两种写法都是完全正确的，不存在对错之分。选择哪种写法的核心是平衡代码的简洁性和可读性：简单逻辑用简写提升效率，复杂逻辑用显式写法保证代码清晰易懂。

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