js重写父类的方法

在JavaScript中，重写父类的方法是通过原型链来实现的。当你在子类中定义了一个与父类同名的方法时，子类的方法就会覆盖父类的方法。这种方式被称为方法的重写（Override）。

基础概念：

• 原型链：JavaScript是基于原型的语言，每个对象都有一个原型链，指向它的原型对象。当试图访问一个对象的属性时，如果对象本身没有这个属性，就会去它的原型链上查找。
• 构造函数：用于初始化新创建的对象，通常与new关键字一起使用。
• super关键字：在子类中，可以使用super关键字来调用父类的构造函数或方法。

优势：

• 多态性：允许子类提供特定于其自身实现的方法，同时保持与父类相同的方法调用接口。
• 可维护性和扩展性：通过重写方法，可以在不影响其他代码的情况下修改或增强类的行为。

类型：

• 完全重写：子类中的方法完全替代父类中的方法。
• 部分重写：子类中的方法调用父类的方法后再添加额外的逻辑。

应用场景：

• 当你需要子类有不同于父类的行为时。
• 当你想要扩展父类的功能而不是完全替换它时。

示例代码：

// 父类
class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

// 子类
class Dog extends Animal {
  constructor(name) {
    super(name); // 调用父类的构造函数
  }

  // 重写父类的speak方法
  speak() {
    console.log(`${this.name} barks.`);
  }
}

const animal = new Animal('Generic Animal');
animal.speak(); // 输出: Generic Animal makes a noise.

const dog = new Dog('Rex');
dog.speak(); // 输出: Rex barks.

遇到的问题及解决方法：

• 如果子类忘记调用super关键字来初始化父类的属性，可能会导致this未定义的错误。解决方法是确保在子类的构造函数中调用super。
• 如果子类重写了父类的方法，但忘记调用父类的方法，可能会导致父类的某些逻辑不再执行。解决方法是使用super.methodName()来调用父类的方法。

在重写方法时，应该注意以下几点：

• 确保子类的方法签名与父类的一致，以便保持接口的兼容性。
• 在重写方法时，可以使用super关键字来访问父类的方法，以便在子类中扩展而不是完全替换父类的行为。
• 注意this的上下文，在构造函数中使用super之前，this是不可用的。