JS - 继承

在JavaScript中，继承是一种机制，允许一个对象（子类）获取另一个对象（父类）的属性和方法。JavaScript使用原型链来实现继承。以下是关于JavaScript继承的详细解释：

1. 原型链继承

• 定义：子类的原型对象指向父类的实例，从而实现继承。

• 示例：

    

  function Animal(name) {
  
      this.name = name;
  
    }
  
    Animal.prototype.sayName = function() {
  
      console.log(this.name);
  
    };
  
    function Dog(name, breed) {
  
      this.breed = breed;
  
    }
  
    Dog.prototype = new Animal();
  
    let myDog = new Dog("Buddy", "Labrador");
  
    myDog.sayName(); // 输出 "Buddy"

2. 构造函数继承（借用构造函数）

• 定义：在子类构造函数中调用父类构造函数，实现属性的继承。

• 示例：

   function Animal(name) {
  
      this.name = name;
  
    }
  
    function Dog(name, breed) {
  
      Animal.call(this, name);
  
      this.breed = breed;
  
    }
  
    let myDog = new Dog("Buddy", "Labrador");
  
    console.log(myDog.name); // 输出 "Buddy"

3. 组合继承

• 定义：结合原型链继承和构造函数继承，实现属性和方法的继承。

• 示例：

  function Animal(name) {
  
      this.name = name;
  
    }
  
    Animal.prototype.sayName = function() {
  
      console.log(this.name);
  
    };
  
    function Dog(name, breed) {
  
      Animal.call(this, name);
  
      this.breed = breed;
  
    }
  
    Dog.prototype = Object.create(Animal.prototype);
  
    Dog.prototype.constructor = Dog;
  
    let myDog = new Dog("Buddy", "Labrador");
  
    myDog.sayName(); // 输出 "Buddy"

4. ES6类继承

• 定义：ES6引入了class关键字，使得面向对象编程更加直观。

• 示例：

    

  class Animal {
  
      constructor(name) {
  
        this.name = name;
  
      }
  
      sayName() {
  
        console.log(this.name);
  
      }
  
    }
  
    class Dog extends Animal {
  
      constructor(name, breed) {
  
        super(name);
  
        this.breed = breed;
  
      }
  
    }
  
    let myDog = new Dog("Buddy", "Labrador");
  
    myDog.sayName(); // 输出 "Buddy"

JavaScript的继承机制灵活多样，开发者可以根据需求选择合适的继承方式。原型链继承、构造函数继承、组合继承和ES6类继承是常见的继承方式，每种方式都有其适用的场景和特点