箭头函数简化回调语法、自动绑定this、提升代码密度，适用于数组方法、事件监听和异步操作；但不可用于需动态this、arguments、构造函数或命名调试的场景。
箭头函数让回调函数写起来更轻量，尤其在数组方法、事件监听和异步操作中，省去 function 关键字和显式 return（单表达式时），还能自动绑定 this，避免常见陷阱。
减少冗余语法，一行搞定简单逻辑
传统函数写法在链式调用中容易显得臃肿。比如过滤偶数并乘以 2：
传统写法：[1, 2, 3, 4].filter(function(x) { return x % 2 === 0; }).map(function(x) { return x * 2; });
箭头函数写法：[1, 2, 3, 4].filter(x => x % 2 === 0).map(x => x * 2);
立即学习“Java免费学习笔记（深入）”；
参数单个时可省括号，单表达式可省大括号和 return，代码密度明显提升。
隐式绑定 this，避免手动 bind 或闭包缓存
在对象方法中使用定时器或事件回调时，传统函数会丢失 this 指向：
问题示例：const obj = { name: 'Alice', sayHi() { setTimeout(function() { console.log(this.name); }, 100); } };
输出 undefined，因为 function 中的 this 指向全局或 undefined（严格模式）。
箭头函数解法：sayHi() { setTimeout(() => console.log(this.name), 100); }
箭头函数不绑定自己的 this，直接沿用外层作用域的 this，无需 .bind(this) 或 const self = this。
配合 Promise 和 async/await 更自然
处理异步链时，箭头函数让 .then() 回调更紧凑：
fetch('/api/data').then(res => res.json()).then(data => console.log(data));- 与
async/await混用也顺滑：button.addEventListener('click', async () => { const res = await fetch('/save'); console.log(await res.text()); });
没有额外的函数名或 function 声明干扰主线逻辑，语义更聚焦于“做什么”，而非“怎么声明函数”。
注意边界：不该用箭头函数的场景
简洁不等于万能。以下情况仍需普通函数：
- 需要动态
this（如 Vue 方法、jQuery 事件处理器中依赖this指向 DOM 元素） - 要用
arguments对象（箭头函数没有arguments，可用剩余参数...args替代） - 作为构造函数（箭头函数不能用
new调用） - 需要命名以便调试或递归（箭头函数是匿名的，堆栈追踪里显示为
anonymous）
是否用箭头函数，关键看回调是否需要独立的 this、arguments 或构造能力；否则，它就是更干净的选择。
