箭头函数作为实例属性存在，不挂载原型，导致子类无法继承、内存开销增加、无法被装饰器拦截等；应优先使用原型方法+constructor中bind，或按需在调用处包裹箭头函数。
箭头函数定义的方法会作为实例属性存在，而不是挂载在原型上——这本身不是“错误”，而是设计使然；但若你依赖原型链共享、想被子类继承、或在意内存开销，就需要主动规避这个行为。
理解挂载位置差异的影响
普通方法（method() {}）写在类体中，自动成为原型方法，所有实例共用一份；箭头函数写法（method = () => {}）则在每次构造时创建新函数并赋值给 this.method，属于实例私有属性。这意味着：
- 子类无法通过
super.method()调用它（因为它不在原型链上） - 每个实例都持有一份独立函数，大量实例时内存占用略高
- 不能被 Object.defineProperty 或装饰器正确拦截（因非原型属性）
- 无法被
for...in遍历到（除非显式设置 enumerable）
优先使用原型方法 + 显式绑定
保持方法在原型上，同时解决 this 丢失问题，推荐在 constructor 中绑定：
- 写法：
this.handleClick = this.handleClick.bind(this); - 优点：方法仍位于原型，子类可继承重写；绑定只做一次，无渲染性能损耗
- 注意：必须放在 constructor 内，不要在 render 或事件回调里重复 bind
用普通函数 + 箭头函数调用处包裹（按需）
当只需某次调用绑定 this，且要传参，直接在使用点包装更轻量：
- 例如：
<button onClick={() => this.handleClick(id)}> - 或：
list.forEach(item => this.process(item)) - 避免在循环中反复生成新函数（如
items.map(i => () => this.handle(i))），可提前提取稳定函数
警惕对象字面量中的箭头函数陷阱
在类外或对象内部误用箭头函数，this 会指向外层作用域，而非当前对象：
- ❌ 错误：
const obj = { onClick: () => this.doSomething() };（this 不是 obj） - ✅ 正确：
const obj = { onClick: this.doSomething.bind(this) }，或改用普通函数加手动绑定逻辑 - 嵌套对象中尤其容易出错，建议统一用
this.methodName()形式调用，不提前解构
