js 继承中同名方法的调用问题

最新推荐文章于 2022-04-20 23:10:33 发布

阿豪boy

最新推荐文章于 2022-04-20 23:10:33 发布

阅读量313

点赞数

文章标签： java js vue 多态 javascript

本文链接：https://blog.csdn.net/qq_35516360/article/details/122064699

版权

本文探讨了JavaScript继承中同名方法的调用问题，与Java的多态特性相似，允许父类定义基本逻辑，子类进行具体实现。在JavaScript的原型链机制下，子类实例调用方法时，`this`指向子类，因此会优先找到子类重写的方法。文章通过实例阐述了这一概念。

摘要由CSDN通过智能技术生成

原文链接: js 继承中同名方法的调用问题

上一篇: sharp 去除图片边框

下一篇: vite + vue3 + jsx + ts 配置一个小项目

和java中类似, 父类可以先使用一个空方法定义内容, 在子类中填充后再调用, 比如排序, 具体的比较可以在父类中使用简单比较, 但是可以在子类中复写, 也就是父类定义逻辑, 子类做具体实现

涉及到原型链

子类调用父类方法时this的指向是子类实例, 所以会从原型链中从上到下找, 第一个找到的就是子类重写后的函数

class A {
  constructor(name) {
    this.name = name
  }
  say() {
    console.log("A say", this.name)
  }
  walk() {
    console.log("A walk", this.name)
    this.say()
  }
}

class B extends A {
  constructor(name) {
    super(name)
  }
  say() {
    console.log("B say", this.name)
  }
}
const b = new B('b')
b.walk()