箭头函数不能访问 super，因其无自有 super 绑定，需在普通方法中调用；若需 this 绑定又涉及 super，应将 super 逻辑抽离至普通方法，再由箭头函数调用。
箭头函数在 JavaScript 中没有自己的 this、arguments、super 或 new.target，它会沿作用域链向上查找这些值。因此，当你在类方法中使用箭头函数并试图访问 super（比如调用父类方法）时，会直接报错：ReferenceError: super is not defined。
避免在需要 super 的位置使用箭头函数
最直接的解决方式是：**不把箭头函数用在必须调用 super 的上下文中**。例如，类中的实例方法、生命周期钩子或重写父类方法时，应使用普通函数声明或方法简写语法。
- ✅ 正确：用普通方法定义，可安全访问
super - ❌ 错误：将重写方法写成箭头函数属性（如
render = () => { super.render(); }）
在类字段中需调用 super 时，改用构造函数内绑定
如果原本想用类字段箭头函数来自动绑定 this（如事件处理器），但又需要访问 super，可在 constructor 中显式绑定普通函数：
- 在构造函数里定义一个普通函数，内部调用
super.xxx() - 用
this.handleClick = this.handleClick.bind(this)绑定 - 或使用私有字段 + 构造时赋值：
this.handleClick = () => this.handleBaseClick();，把含super的逻辑抽到另一个普通方法里
将 super 调用逻辑提取到独立的普通方法中
保持箭头函数用于绑定或回调，但把涉及 super 的操作移到类的普通方法中，再由箭头函数调用该方法：
- 例如：
handleClick = () => this.callParentMethod(); - 而
callParentMethod() { super.handleClick(); }是标准方法，可自由使用super - 这样既保留了箭头函数的
this稳定性，又绕开了对super的直接依赖
注意继承链中 super 的动态性
super 不是静态指向父类，而是与当前方法的调用对象和原型链相关。即使你用普通函数封装了 super 调用，也要确保该函数是在正确的类实例上下文中执行——箭头函数无法提供这个上下文，所以不能作为中介。
- 不要写：
const fn = () => super.method();（语法错误） - 也不要写：
const fn = function() { super.method(); }; const bound = fn.bind(this);（运行时报错，因为super只在方法内部有效） - 正确做法：只在类的方法体（非箭头、非嵌套函数表达式）中使用
super
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
