箭头函数不能用于原型方法定义，因其无this和super绑定，会破坏继承机制；应使用普通函数定义原型方法以确保可继承性和super调用正常。

关键在于：箭头函数没有自己的 this 和 super，它会沿词法作用域向上查找，而不是按运行时实例的原型链动态绑定。这直接破坏了继承机制中对父类方法和上下文的预期行为。

不要在原型方法定义中使用箭头函数

类的方法默认挂载在原型上（即 MyClass.prototype.method），这是继承复用的基础。若写成箭头函数形式：

• 它会被当作实例属性初始化（每次构造都新建），无法被子类原型继承
• 没有 super 绑定，子类中调用 super.method() 会报错或静默失败
• this 指向定义时外层作用域（通常是模块顶层或构造函数内部），而非当前实例

区分实例方法与原型方法的写法

明确哪些该放原型、哪些该放实例：

• ✅ 正确（原型方法，可被继承）：method() { console.log(this.name); }
• ❌ 错误（实例属性，不可继承）：method = () => console.log(this.name);
• ⚠️ 特殊场景可用（但需主动绕过 super）：若必须用箭头函数保持 this，应在子类中手动保存父类方法引用，再调用，例如：private superHandle = this.handle; handle = () => this.superHandle();

继承时避免在子类中覆盖为箭头函数

即使父类方法是普通函数，子类重写时也别改用箭头函数：

• 子类箭头函数无法通过 super.xxx() 调用父实现
• 子类实例调用该方法时，this 不指向自身，可能访问不到本该存在的属性
• instanceof 和方法查找链会断裂，调试时难以追踪行为来源

需要稳定 this 时，优先用 bind 或事件处理器规范写法

常见需求如事件回调、定时器中保持 this，有更安全的替代方案：

• 构造函数中绑定：this.handleClick = this.handleClick.bind(this);
• 使用普通函数 + 显式传参：element.addEventListener('click', (e) => this.handleClick(e));（注意：这里箭头函数仅作包装，实际逻辑仍在普通方法里）
• React/Vue 等框架中，依赖生命周期清理机制解绑，避免闭包持有大对象