ES6箭头函数应“按需精简”，单参数单表达式可省括号、return和花括号，如[1,2,3].map(x=>x*2)；多参数或无参须加括号；复杂逻辑需花括号+显式return；注意this和arguments继承外层作用域。
ES6 箭头函数本身就是为简洁编写内联匿名函数而生的，关键在于“按需精简”——不堆砌语法糖，也不牺牲可读性。
单参数 + 单表达式：省括号、省 return、省花括号
这是最典型的优雅场景，比如数组遍历、过滤或映射时：
-
✅ 推荐写法：
[1, 2, 3].map(x => x * 2)或users.filter(u => u.active) -
❌ 不必要写法：
x => { return x * 2; }（多出 12 个字符，且无增益）
注意：参数名要有语义，x 在上下文明确时可接受，但 u => u.name 比 item => item.name 更轻量；若逻辑稍复杂（比如含条件判断），就该换行加花括号，别硬撑单行。
多参数或无参：括号不能省，但可保持紧凑
两个及以上参数必须用小括号包裹，空参数也要写 ()：
立即学习“Java免费学习笔记（深入）”；
- 双参数：
(a, b) => a + b（清晰自然） - 解构参数：
({ id, name }) => ({ id, label: name })（适合处理对象，避免obj => obj.id这类模糊写法） - 无参函数：
() => Math.random()（括号不可省，否则语法错误）
解构+箭头是提升内联函数可读性的利器，尤其在 map、find、reduce 中处理结构化数据时。
需要多语句？用花括号 + 显式 return，别强行单行
一旦涉及变量声明、条件分支、日志、异常处理等，就该回归块级函数体：
-
✅ 清晰写法：
items.map(item => { const price = item.base * (1 - item.discount); return price > 0 ? price.toFixed(2) : 'free'; }) - ❌ 生硬压缩：把上面逻辑硬塞进一行，既难读又难调试
箭头函数的“优雅”不是“越短越好”，而是“恰到好处”。多语句时加花括号反而更可靠——它明确表示这是一个函数块，也支持 return、break（在循环内）、throw 等完整能力。
注意 this 和 arguments 的隐式绑定
箭头函数没有自己的 this 和 arguments，它继承外层作用域的值。这在事件回调或定时器中常被误用：
-
✅ 合理场景：
button.addEventListener('click', () => this.handleClick())（自动绑定组件this） -
⚠️ 风险场景：需要动态
this的方法（如 jQuery 回调、原生addEventListener期望的this指向 DOM 元素）——此时不该用箭头函数
内联时别只图写得快，先确认上下文是否需要独立的执行上下文。不确定时，普通函数 function() {...} 更安全。
