JavaScript Class继承与方法重写
JavaScript的class语法支持继承，使用extends关键字实现。子类可以继承父类的属性和方法，并进行扩展或修改。本文重点讨论如何正确重写父类方法并修改其参数。
问题：箭头函数与super关键字
直接在子类中使用箭头函数重写父类方法会遇到问题：super关键字在箭头函数中不可用，无法调用父类方法。
解决方案：包装函数
解决方法是使用一个包装函数。步骤如下：
- 将子类方法定义为普通函数，而非箭头函数。
- 创建一个包装函数，该函数接收父类方法作为参数。
- 在包装函数内部，修改参数，然后调用父类方法。
代码示例
<code class="javascript">class Parent {
constructor() {}
fetch(data) {
console.log("父类方法调用:", data);
}
}
class Child extends Parent {
constructor(props) {
super(props);
}
fetch = ((superFetch) => (data) => {
// 修改参数
if (data) {
data.name = "modified";
}
console.log("子类方法调用前:", data);
superFetch(data); // 调用父类方法
})(this.fetch);
}
const child = new Child();
child.fetch({ age: 30 });</code>
此示例中，子类Child重写了父类Parent的fetch方法。包装函数修改了传入fetch的参数data，然后调用父类的fetch方法，实现了参数修改和父类方法的调用。
通过这种包装函数的方式，可以灵活地重写父类方法，并对参数进行修改，同时保持对父类方法的访问。
