js 继承拓展属性和方法

在JavaScript中，继承是一种允许对象从另一个对象继承属性和方法的机制。通过继承，可以创建新的类（或构造函数）来扩展或修改现有类的行为，而无需重新编写相同的代码。

基础概念

1. 原型链继承：JavaScript中的对象有一个内部属性[[Prototype]]，它指向另一个对象，即原型对象。当试图访问一个对象的属性时，如果该对象本身没有这个属性，JavaScript会沿着原型链向上查找，直到找到该属性或到达原型链的末端（null）。
2. 构造函数继承：通过在子类构造函数中调用父类构造函数，并使用call()或apply()方法将子类实例作为上下文传递，从而继承父类的属性。
3. 组合继承：结合原型链继承和构造函数继承的优点，既继承父类的属性，又继承父类的方法。
4. ES6类继承：ES6引入了class语法，使得JavaScript中的继承更加直观和易于理解。通过extends关键字，可以轻松实现类的继承。

相关优势

• 代码复用：通过继承，可以避免重复编写相同的代码，提高代码的可维护性。
• 扩展性：可以创建新的类来扩展或修改现有类的行为，以满足不同的需求。
• 层次结构：继承允许构建清晰的类层次结构，有助于理解和组织代码。

类型

• 原型链继承
• 构造函数继承
• 组合继承
• ES6类继承

应用场景

• 创建具有相似特征和行为的对象：例如，创建不同类型的动物类，它们都具有eat()和sleep()等基本方法。
• 实现多态性：子类可以覆盖父类的方法，以实现不同的行为。

示例代码（ES6类继承）

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

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

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

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

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

遇到的问题及解决方法

问题：在继承过程中，如果子类和父类有同名属性或方法，会发生什么？

解决方法：在子类中定义的属性或方法会覆盖父类中的同名属性或方法。这是JavaScript继承的一个特性，允许子类定制或扩展父类的行为。

问题：如何确保父类的构造函数被正确调用？

解决方法：在子类的构造函数中，使用super()方法来调用父类的构造函数。这是在ES6类继承中必须做的，以确保父类的初始化逻辑得到执行。

问题：原型链继承有什么缺点？

解决方法：原型链继承的一个主要缺点是所有子类实例共享同一个原型对象上的引用类型属性。这意味着如果一个子类实例修改了原型对象上的引用类型属性，其他子类实例也会受到影响。为了解决这个问题，可以使用组合继承或ES6类继承来避免这种共享。