箭头函数不改变数组迭代机制但简化回调书写，支持隐式this绑定、参数解构与默认值，适用于map/filter/find等方法；不适用于需arguments或动态this的场景。
箭头函数本身不改变数组迭代的执行机制，但能显著简化回调函数的书写，让代码更紧凑、可读性更强，尤其在 map、filter、find、some 等方法中效果明显。
省略 return 和花括号，适合单表达式逻辑
当迭代操作只需返回一个计算结果（如转换值或判断条件），箭头函数允许省略 return 关键字和大括号，一行搞定。
-
转换数组：
[1, 2, 3].map(x => x * 2)→[2, 4, 6]（不用写return x * 2） -
筛选偶数：
[1, 2, 3, 4].filter(x => x % 2 === 0)→[2, 4] -
查找对象：
users.find(u => u.id === 123)比function(u) { return u.id === 123; }更轻量
隐式绑定 this，避免手动 bind 或闭包缓存
箭头函数不绑定自己的 this，而是继承外层作用域的 this。在类方法或事件处理中迭代数组时，可避免因普通函数导致的 this 丢失问题。
- 类中直接使用：
class List { render() { this.items.map(item => this.format(item)); } }，this指向实例，无需map(function(){...}.bind(this)) - 组件内过滤数据：
todos.filter(todo => todo.completed === this.state.showCompleted)，自然访问组件状态
配合解构与默认值，提升参数可读性
箭头函数支持参数解构，对处理对象数组特别友好；还能结合默认值简化空值判断。
- 解构对象字段：
users.map(({ name, age }) => `${name} (${age})`) - 提供默认值：
posts.map(post => ({ ...post, likes: post.likes ?? 0 })) - 安全访问嵌套属性：
data.map(({ user: { profile = {} } = {} }) => profile.avatar)
注意：不适合需要 arguments 或动态 this 的场景
箭头函数没有 arguments 对象，也不能用 call/apply 改变 this。若迭代逻辑依赖这些特性（比如实现通用工具函数），仍需传统函数。
- ❌ 错误用法：
arr.map(() => arguments[0])——arguments不存在 - ❌ 不适用：
Array.from(arguments).map(...)应改用剩余参数(...args) => args.map(...) - ✅ 替代方案：需要动态
this时，明确写function(item) { ... }或提前绑定
