
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重写了父类Parent的fetch方法。包装函数修改了传入fetch的参数data,然后调用父类的fetch方法,实现了参数修改和父类方法的调用。
通过这种包装函数的方式,可以灵活地重写父类方法,并对参数进行修改,同时保持对父类方法的访问。
以上就是JS中Class继承:如何正确复写父类方法并修改入参?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1502113.html
微信扫一扫
支付宝扫一扫