JS中Class继承：如何正确复写父类方法并修改入参？-js教程-PHP中文网

JS中Class继承：如何正确复写父类方法并修改入参？

聖光之護

发布： 2025-02-22 10:10:01

原创

374人浏览过

js中class继承：如何正确复写父类方法并修改入参？

JavaScript Class继承与方法重写

JavaScript的class语法支持继承，使用extends关键字实现。子类可以继承父类的属性和方法，并进行扩展或修改。本文重点讨论如何正确重写父类方法并修改其参数。

问题：箭头函数与super关键字

直接在子类中使用箭头函数重写父类方法会遇到问题：super关键字在箭头函数中不可用，无法调用父类方法。

解决方案：包装函数

图改改

在线修改图片文字

455

查看详情

解决方法是使用一个包装函数。步骤如下：

将子类方法定义为普通函数，而非箭头函数。
创建一个包装函数，该函数接收父类方法作为参数。
在包装函数内部，修改参数，然后调用父类方法。

代码示例

<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方法，实现了参数修改和父类方法的调用。

通过这种包装函数的方式，可以灵活地重写父类方法，并对参数进行修改，同时保持对父类方法的访问。

以上就是JS中Class继承：如何正确复写父类方法并修改入参？的详细内容，更多请关注php中文网其它相关文章！