js面向对象 多态

多态（Polymorphism）是面向对象编程（OOP）的四大基本特性之一，其他三个分别是封装、继承和抽象。多态意味着你可以将子类的对象当作父类的对象来使用，而且在运行时会调用子类的方法。这样做的好处是提高了代码的可扩展性和复用性。

基本概念

在JavaScript中，多态可以通过原型链实现。每个JavaScript对象都有一个原型（prototype），当试图访问一个对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript会在该对象的原型上查找，如果还没有，就会继续查找原型的原型，直到找到该属性或方法或者到达原型链的末端。

优势

1. 可扩展性：新增子类不需要修改父类或者其他子类的代码。
2. 复用性：父类的方法可以被多个子类复用。
3. 灵活性：可以在运行时动态地改变对象的行为。

类型

1. 编译时多态（静态多态）：主要通过方法重载（overloading）实现，JavaScript不支持方法重载。
2. 运行时多态（动态多态）：主要通过方法重写（overriding）实现，这是JavaScript中实现多态的主要方式。

应用场景

• 当你想要设计一个可以接受多种类型对象的函数或方法时。
• 当你想要在不修改现有代码的情况下增加新的功能时。

示例代码

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

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

// 子类
class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}

// 子类
class Cat extends Animal {
  speak() {
    console.log(`${this.name} meows.`);
  }
}

// 使用多态
function makeAnimalSpeak(animal) {
  animal.speak();
}

const dog = new Dog('Rex');
const cat = new Cat('Whiskers');

makeAnimalSpeak(dog); // Rex barks.
makeAnimalSpeak(cat); // Whiskers meows.

在这个例子中，Dog 和 Cat 类都继承自 Animal 类，并且重写了 speak 方法。makeAnimalSpeak 函数接受一个 Animal 类型的参数，但由于多态，我们可以传入任何 Animal 的子类实例，并且在运行时会调用相应子类的 speak 方法。

遇到的问题及解决方法

1. 方法未覆盖：如果子类没有正确覆盖父类的方法，那么调用的将是父类的方法。确保子类中的方法名和参数与父类中的相匹配。
2. 构造函数问题：在子类构造函数中，需要使用 super() 来调用父类的构造函数，否则会导致 this 上下文绑定错误。
3. 原型链断裂：如果在设置子类原型时操作不当，可能会导致原型链断裂。使用 class 语法可以避免这类问题，因为它自动处理了原型链的设置。

通过理解和正确使用多态，可以使JavaScript代码更加灵活和易于维护。