箭头函数是JavaScript中简化短回调逻辑的利器，适用于数组方法、事件监听和Promise链等场景；其简洁语法支持隐式返回、参数省略、对象字面量括号包裹、多参/无参括号不可省、解构参数，并继承外层this，但不能作为构造函数使用。
箭头函数是 JavaScript 中简化短回调逻辑的利器，尤其适合用于 map、filter、find、sort、reduce 等数组方法，以及事件监听、Promise 链等场景。它的简洁语法和隐式返回让单行逻辑一目了然。
省略括号和 return：单参数 + 单表达式
当回调只有一个参数且只做一次计算时，可省略圆括号和 return 关键字，自动返回结果：
-
[1, 2, 3].map(x => x * 2)→[2, 4, 6] -
['a', 'b', 'c'].filter(char => char !== 'b')→['a', 'c'] -
users.find(u => u.id === 101)—— 比function(u) { return u.id === 101; }更轻量
隐式返回对象字面量：加括号避免语法错误
如果想直接返回一个对象（比如在 map 中构造新结构），必须把对象用小括号包裹，否则大括号会被解析为函数体：
- ✅ 正确：
users.map(u => ({ name: u.name, active: u.status === 'online' })) - ❌ 错误：
users.map(u => { name: u.name })—— 这里{ name: u.name }是代码块，不是对象，且没有 return
无参或多个参数：括号不能省
没有参数或多个参数时，圆括号不可省略；多参数还必须用逗号分隔：
立即学习“Java免费学习笔记（深入）”；
- 无参：
setTimeout(() => console.log('done'), 1000) - 两参数：
arr.sort((a, b) => a.price - b.price) - 解构参数：
data.map(([key, value]) => `${key}: ${value}`)
注意 this 和 arguments 的行为差异
箭头函数不绑定自己的 this、arguments、super 或 new.target，而是继承外层作用域的值。这在事件处理或定时器中常被利用，避免手动 bind：
- 传统写法需
bind：button.addEventListener('click', function() { this.doSomething(); }.bind(this)) - 箭头写法更干净：
button.addEventListener('click', () => this.doSomething())（this指向外层类/对象） - 但注意：它不能用作构造函数（不能 new），也不适合需要动态
this的方法（如对象方法定义）
