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

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

JavaScript Class继承与方法重写

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

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

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

解决方案:包装函数

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

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

代码示例

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 });

此示例中,子类Child重写了父类Parentfetch方法。包装函数修改了传入fetch的参数data,然后调用父类的fetch方法,实现了参数修改和父类方法的调用。

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

以上就是JS中Class继承:如何正确复写父类方法并修改入参?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1502113.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 00:09:57
下一篇 2025年12月20日 00:10:20

相关推荐

发表回复

登录后才能评论
关注微信