优先在简短、单次使用、不需动态this的场景用箭头函数，如数组方法回调、定时器、Promise链和高阶函数参数；避免用于需arguments、对象方法或动态this绑定的情形。
在简短的函数表达式中优先使用箭头函数，核心是抓住“短、单用、不改上下文”这三个特点。它不是万能替代，而是为特定场景量身优化的语法糖。
适合箭头函数的典型短表达式场景
这些地方用箭头函数最自然、最安全：
-
数组方法的回调：map、filter、find、some、reduce 等——逻辑通常只有一两行，且不需要动态 this：
names.map(n => n.trim().toUpperCase())items.filter(item => item.price > 100) -
定时器与事件回调：避免 this 指向丢失，无需 .bind() 或缓存变量：
setTimeout(() => this.updateStatus(), 500)button.addEventListener('click', () => this.handleClick()) -
Promises 链中的处理步骤：保持外层作用域的 this 和变量引用：
fetch('/api/data').then(res => res.json()).then(data => this.render(data)) -
作为参数传入高阶函数：比如 debounce、throttle 的 handler，或 React 中的 onClick 处理：
debounce(() => this.saveDraft(), 300)
写法要简洁，但不能牺牲可读性
优先用最简形式，但需遵守语法规则：
- 单参数时省括号：
arr.map(x => x * 2)（别写成(x) => x * 2） - 单表达式自动返回，不加 return 和花括号：
users.filter(u => u.active) - 返回对象字面量必须加小括号，否则被解析为代码块：
arr.map(x => ({ id: x, label: x.name })) - 无参数必须写空括号：
setInterval(() => ping(), 1000)（不能写成=> ping()）
哪些“简短”情况反而该避开箭头函数
看似短，但语义或行为不合适时，宁可用普通函数表达式：
立即学习“Java免费学习笔记（深入）”；
-
需要 arguments 对象：箭头函数没有 arguments，可用剩余参数替代：
❌sum = () => Array.from(arguments).reduce((a, b) => a + b)
✅sum = (...nums) => nums.reduce((a, b) => a + b) -
要作为对象方法定义：尤其当方法内部需访问调用时的 this（如 event.target）：
❌obj = { onClick: () => console.log(this.id) }（this 指向外层，非 obj）
✅obj = { onClick(e) { console.log(this.id, e.target) } } - 需要动态绑定或 call/apply 调用：箭头函数的 this 固定，无法重绑定
小技巧：一眼判断是否该用
写之前快速问自己三个问题：
- 这个函数只用一次，且逻辑 ≤ 2 行？→ ✅ 适合
- 它是否需要访问外层的 this 或变量？→ ✅ 箭头函数优势所在
- 它会不会被当作方法调用（比如 obj.fn()）、或需要 arguments / new 调用？→ ❌ 换回 function
