箭头函数无this、arguments、super，不能new调用，不支持call/apply/bind；单表达式隐式返回，返回对象需括号；适用无需动态this的场景，慎用于事件回调或类方法。
箭头函数没有自己的 this，绑定的是定义时的外层作用域
这是最常踩坑的一点。传统函数的 this 取决于调用方式（如 obj.fn() 中 this 指向 obj），而箭头函数根本不设 this 绑定，它直接沿用外层函数作用域的 this 值。
常见错误现象：
在事件回调、定时器或对象方法中误用箭头函数导致 this 指向意外（比如指向 window 或 undefined）。
- 需要动态
this的场景（如 Vue 方法、React 类组件生命周期、DOM 事件处理器）——不用箭头函数 - 想捕获外层
this（如在map回调里访问类实例属性）——适合用箭头函数 - 构造函数、需要被
new调用的函数——不能用箭头函数（无prototype，抛TypeError）
箭头函数不能作为构造函数，也没有 arguments 和 super
箭头函数没有自己的 arguments 对象，访问 arguments 会向上查找外层函数的；也没有 super，因此不能在类方法中用箭头函数来调用父类方法；更关键的是，它不能被 new 调用。
错误示例：
const Foo = () => {}; new Foo(); // TypeError: Foo is not a constructor
立即学习“Java免费学习笔记（深入）”；
- 需要兼容旧环境（如 IE）时，
arguments不可用 → 改用剩余参数...args - 在 class 内部定义私有工具方法且不依赖
this时，可放心用箭头函数（避免手动bind） - 需要访问当前函数实参但又用了箭头函数？必须改用传统函数，或提前用
const args = [...arguments]保存
箭头函数的返回值隐式写法只适用于单表达式
当箭头函数体是单个表达式（无花括号）时，会自动返回其结果；一旦加了 {}，就必须显式写 return，否则返回 undefined。
典型误用：
arr.map(x => { x * 2 }); // 返回 [undefined, undefined, ...]正确写法：
arr.map(x => x * 2); // 隐式返回
arr.map(x => { return x * 2; }); // 显式返回
- 返回对象字面量要小心：
x => {a: 1}实际是代码块，不是对象 → 必须加小括号：x => ({a: 1}) - 多语句逻辑（如条件判断、日志、变量声明）必须用
{}+return - 和传统函数相比，箭头函数没有函数名（
fn.name为空字符串），调试栈中显示为"(anonymous)"
箭头函数没有 prototype 属性，也不支持 call/apply/bind
虽然语法上允许对箭头函数调用 call 或 bind，但它们完全无效——不会改变 this，也不会生成新函数。这是因为箭头函数没有自己的执行上下文绑定机制。
验证方式：
const fn = () => this.x;
fn.call({x: 42}); // 仍访问外层 this.x，不是 42
- 需要手动绑定
this的场景（如传递给setTimeout或第三方库回调）——别用箭头函数，改用传统函数 +bind，或提前用变量存this - 想让某个工具函数始终绑定固定上下文？传统函数 +
bind是可靠选择；箭头函数做不到这点 - 用 TypeScript 或 ESLint 时，规则
prefer-arrow-callback仅适用于无this依赖的回调，盲目启用会埋雷
实际项目里最容易忽略的，是把箭头函数塞进对象方法或 Vue/React 类组件方法里，以为只是“写法更短”，结果 this 失控、arguments 消失、调试时找不到函数名——这些都不是语法糖的小问题，而是运行时行为的根本差异。
