原型方法不可用箭头函数，因其不绑定动态this；必须用普通函数以确保调用时this指向实例，或改用类字段语法在实例层定义箭头函数。
箭头函数定义在原型对象方法中，会导致 this 指向错误——它不会指向调用它的实例，而是捕获定义时外层作用域的 this（通常是 undefined 或全局对象），从而让 this.xxx 访问静默失败。
原型方法必须依赖动态 this 绑定
JavaScript 的原型机制靠普通函数的“调用时绑定”来工作：当执行 obj.method() 时，引擎自动把 this 设为 obj。箭头函数没有自己的 this，它只沿作用域链向上找，而原型赋值发生在类/构造函数定义阶段，此时外层 this 和将来实例毫无关系。
- ❌
MyClass.prototype.handleClick = () => console.log(this.state);→this不是实例，this.state是undefined - ✅
MyClass.prototype.handleClick = function() { console.log(this.state); };→ 调用时this正确绑定为实例
常见误写与修正方式
错误往往藏在看似简洁的写法里，比如重写已有方法或混用语法：
- 错：用箭头函数包装原方法并
call(this)——this在箭头函数里仍是错的，call无效 - 对：改用普通函数 +
apply或call，显式传入this - 错：在类外部直接给
prototype赋值箭头函数 - 对：把绑定逻辑移到实例层面，比如构造函数中
this.handleClick = this.handleClick.bind(this)，或用类字段语法handleClick = () => {...}
如何快速识别和验证
遇到方法内 this 行为异常，可立即检查是否涉及原型 + 箭头函数：
- 在控制台输入
MyClass.prototype.handleClick.toString()，开头是() =>就是风险信号 - 在方法第一行加
console.log(this)，点击触发后看输出是不是Window、undefined或陌生对象 - 注意：这不是语法报错，而是运行时逻辑失效，容易被忽略
更安全的替代路径
如果目标是“自动绑定 this”，不要动原型，换到实例层解决：
- 类字段语法（推荐）：
handleClick = () => { this.setState(...); }—— 此时箭头函数属于实例属性，this在构造时已确定 - JSX 中直接使用：
<button onclick="{this.handleClick}"></button>（前提是该方法已正确绑定） - 避免在
prototype上做任何箭头函数赋值，无论多“方便”
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
