箭头函数常见错误集中在括号、花括号、return和对象字面量四方面：单参数可省括号但多参数必须加；有花括号需显式return，无则隐式返回；返回对象须用小括号包裹避免被解析为代码块。
箭头函数写错，通常不是功能不工作，而是直接报 SyntaxError: Unexpected token 或函数返回值不对。核心问题集中在括号、花括号、return 和对象字面量这四个地方。
括号漏写或乱套：单参数时容易踩坑
单个参数可以省略括号，但一旦加了括号就不能只写一半；多个参数必须带括号；无参数必须写空括号 ()。
- ❌ 错误：
const fn = a => { return a * 2; }（看起来没问题，但若后续改成a, b => ...就会爆错） - ❌ 错误：
const fn = a, b => a + b（缺少外层括号，解析器卡在逗号） - ✅ 正确：
const fn = (a, b) => a + b - ✅ 安全写法（推荐统一加括号）：
const fn = (a) => a * 2
花括号和 return 混淆：map/filter 等场景最常翻车
有花括号是代码块，必须显式写 return；没花括号才是隐式返回。很多人在 map 里加了 {} 却忘了 return，结果返回一堆 undefined。
- ❌ 错误：
arr.map(x => { x * 2 })（花括号内无 return，返回undefined） - ✅ 正确（隐式返回）：
arr.map(x => x * 2) - ✅ 正确（显式返回）：
arr.map(x => { return x * 2; }) - ⚠️ 注意：想返回对象字面量，必须用小括号包裹，否则会被当成代码块：
x => ({ id: x })，不能写成x => { id: x }
对象字面量返回写法错误：大括号被误认为函数体
这是高频静默错误——语法合法但逻辑跑偏。箭头函数后紧跟 {，JS 默认认为是函数体开始，而不是返回对象。
- ❌ 错误：
users.map(u => { name: u.name, age: u.age })（实际返回undefined，因为{ name: ... }是带标签语句，不是对象） - ✅ 正确：
users.map(u => ({ name: u.name, age: u.age }))（外层小括号强制解释为表达式） - ? 小技巧：在编辑器里把光标停在
=>后面，看高亮是否把后面整个{...}当作函数体——如果是，就得加括号
调试与排查：三步快速定位
别靠猜。打开浏览器控制台，聚焦报错行附近，按这三步走：
- 看报错提示位置：
Unexpected token '}'往往是前面少括号或引号；Unexpected token ','多半是参数列表或对象里多逗号 - 检查模板字符串里是否混用了
${}和普通括号，比如`${x => x.id}`是非法的（箭头函数不能直接放进插值） - 临时删掉函数体，只留签名，再一行行加回来，比如先写
arr.map(() => {})，再补内容，缩小出错范围
