js 模块继承

在JavaScript中，模块继承是指一个模块（通常是一个对象或类）能够继承另一个模块的属性和方法。这种机制有助于代码的重用和组织，使得开发者可以创建更为复杂和可维护的应用程序。

基础概念

原型链继承：JavaScript中的对象有一个内部属性[[Prototype]]，它指向另一个对象，即原型对象。当试图访问一个对象的属性时，如果该对象本身没有这个属性，JavaScript就会在它的原型链上查找，直到找到该属性或到达原型链的末端。
构造函数继承：通过调用父类构造函数，并使用call或apply方法将子类实例作为上下文传递，从而实现继承。
ES6类继承：ES6引入了类的概念，使得继承更加直观和易于管理。通过extends关键字，一个类可以继承另一个类的属性和方法。

类型

原型链继承：通过设置对象的原型来实现继承。
构造函数继承：在子类构造函数中调用父类构造函数。
组合继承：结合原型链和构造函数继承的优点。
ES6类继承：使用class和extends关键字实现继承。

应用场景

面向对象编程：在构建大型应用时，使用继承可以更好地组织和管理代码。
框架开发：如React、Vue等前端框架中，组件之间经常使用继承来复用代码。
游戏开发：在游戏中，不同的角色或物体可能共享一些基本属性和方法，可以通过继承来实现。

遇到的问题及解决方法

问题：原型链继承中，所有子类实例共享父类的引用类型属性，导致一个子类实例修改这些属性会影响所有子类实例。

解决方法：使用构造函数继承或ES6类继承，在子类构造函数中调用父类构造函数，并使用this关键字来定义属性，这样每个子类实例都会有自己的属性副本。

示例代码（ES6类继承）：

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

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

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 调用父类构造函数
    this.breed = breed;
  }

  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog('Rex', 'German Shepherd');
dog.speak(); // Rex barks.

在这个例子中，Dog类继承了Animal类，并重写了speak方法。同时，它还添加了一个新的属性breed。