箭头函数处理复杂表达式时必须用花括号包裹函数体并显式使用return语句；复杂表达式指含多条语句、控制结构、副作用操作或多个逻辑分支的情形。

箭头函数处理复杂表达式时，核心原则是：**用花括号包裹函数体，并显式使用 return 语句**。它不像单表达式那样自动返回结果，必须明确告诉 JavaScript “我要返回什么”。

什么时候算“复杂表达式”？

只要函数体里出现以下任一情况，就属于复杂表达式，不能再省略花括号和 return：

• 有多于一条语句（比如先声明变量、再判断、再计算）
• 包含 if / for / while / switch 等控制结构
• 需要执行副作用操作（如 console.log、修改外部变量、调用 API）且还要返回值
• 逻辑分支多，需多个 return 或提前退出（如 return early）

正确写法：带花括号 + 显式 return

例如，一个根据用户年龄返回状态并记录日志的函数：

const getUserStatus = (age) => {
  if (age < 18) {
    console.log("Minor detected");
    return "underage";
  }
  console.log("Adult user");
  return "active";
};

立即学习“Java免费学习笔记（深入）”；

注意：没有 return，函数会默认返回 undefined；漏写 return 是常见错误。

容易踩坑的特殊情况

返回对象字面量时，不能直接写 { name: "Alice", id: 1 } —— 因为花括号会被解析为函数体，而不是对象。必须用小括号包裹：

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

const createUser = (name, id) => ({ name, id }); // ✅ 正确
// const createUser = (name, id) => { name, id }; // ❌ 错误：这不是对象，也不返回任何值

对比单表达式写法，突出区别

简单场景可极简：

const double = x => x * 2; // 隐式返回，一行搞定

一旦加个 log 或判断，就必须升级写法：

const doubleWithLog = x => {
  console.log(`Doubling ${x}`);
  return x * 2;
};

不复杂，但容易忽略括号和 return 的切换时机。