箭头函数省略括号和return需满足单参数（非解构/默认值/剩余参数）且函数体为单表达式；否则必须保留括号或return，如无参、多参、多语句、返回对象字面量等情形。
箭头函数能省略括号和 return，关键看参数个数和函数体结构——不是随便删，而是有明确规则的组合条件。
单参数时可省略圆括号
当且仅当函数只有一个参数，且该参数不使用解构、默认值或剩余参数时，圆括号可以省略：
-
arr.map(x => x * 2)✅ 合法，x是单一标识符参数 -
arr.map((x) => x * 2)✅ 合法，括号保留也没问题 -
arr.map(({ id }) => id)❌ 不能省括号，解构必须写({ id }) -
arr.map((x = 0) => x)❌ 默认值语法要求括号
单表达式体可省略花括号和 return
函数体是**一个表达式**（非语句），且没有分号、没有变量声明、没有 if/for 等控制流时，可同时省略 {} 和 return：
-
[1, 2, 3].filter(n => n > 1)✅ 返回布尔值，隐式返回 -
users.map(u => ({ name: u.name, id: u.id }))✅ 小括号包裹对象字面量，仍是单表达式 -
data.forEach(item => console.log(item))✅ 单语句调用，无返回需求，也不需 return -
arr.map(x => { x * 2 })❌ 用了花括号却没写 return，结果是undefined
哪些情况必须保留括号或 return
一旦打破“单参数 + 单表达式”的组合，就得按规则补全：
立即学习“Java免费学习笔记（深入）”；
- 无参数 → 必须写
()：setTimeout(() => doSomething(), 100) - 两个及以上参数 → 必须写括号：
arr.sort((a, b) => a - b) - 函数体含多条语句或逻辑 → 必须用
{}，且显式写return：items.map(x => { const val = x * 2; return val > 10 ? 'big' : 'small'; }) - 想返回对象字面量 → 必须用小括号包裹，否则大括号被当成代码块：
x => ({ id: x.id })✅，x => { id: x.id }❌
容易踩坑的细节
省略不是为了少打几个字符，而是让意图更清晰。注意这些实际陷阱：
- 箭头函数没有自己的
this，省略括号不会改变这点，但别误以为它能替代方法绑定 -
=> {}和=> ({})看似只差一对括号，语义完全不同：前者是空代码块（返回undefined），后者是返回空对象 - 用 ESLint 或 TypeScript 能及时发现隐式返回类型不匹配的问题，比如
filter(x => x?.name)中undefined可能被当作 falsey 值处理
