原型方法不能用箭头函数，因为箭头函数没有自己的this，会沿作用域链向上查找导致this指向全局或undefined，无法访问实例属性或方法，且破坏继承和动态绑定。

箭头函数在原型方法中定义，会导致 this 指向丢失，无法访问实例属性或方法，运行时可能报错（如 Cannot read property 'xxx' of undefined）或返回意外结果。

为什么原型方法不能用箭头函数？

原型方法依赖调用时的执行上下文来绑定 this——当实例调用 obj.method() 时，this 应指向该实例。但箭头函数没有自己的 this，它会沿作用域链向上查找，通常落到全局对象（浏览器中是 window）或 undefined（严格模式），完全脱离实例。

例如：

let Cat = function(name) { this.name = name; };
Cat.prototype.sayName = () => { console.log(this.name); }; // ❌ this 不是实例
const cat = new Cat('Miao');
cat.sayName(); // 输出 undefined 或报错

典型错误表现

• 访问实例属性（如 this.name、this.data）返回 undefined
• 调用实例方法（如 this.init()）报 TypeError: this.xxx is not a function
• 在事件监听或定时器中使用时，this 指向完全失控
• 子类继承后无法正确重写该方法（箭头函数不是可枚举的原型属性，且不参与原型链动态绑定）

如何快速排查？

• 在方法内部加 console.log(this)，检查输出是否为预期的实例对象
• 搜索代码中所有形如 prototype.xxx = () => { ... } 或 prototype.xxx = x => ... 的写法
• 使用 ESLint 规则 no-useless-constructor 和自定义规则检测原型上的箭头赋值（推荐配置 no-prototype-builtins + prefer-arrow-callback 反向约束）
• 运行时调试：在开发者工具中打断点，查看函数的 [[Scopes]]，确认 this 来源是否为外层作用域而非调用者

安全替代方案

• 改用传统函数表达式：Cat.prototype.sayName = function() { console.log(this.name); };
• 使用 ES6 方法简写（仅限类声明内）：class Cat { constructor(name) { this.name = name; } sayName() { console.log(this.name); } }
• 若需在构造函数中预绑定，可用 this.boundMethod = this.method.bind(this)，而非在原型上用箭头函数“取巧”