面试问题：平常是怎么做继承

在JavaScript中，继承是一种创建新对象并继承现有对象的属性和方法的机制。通常有两种主要的继承方式：原型链继承和类继承（ES6引入）。

1. 原型链继承：
   原型链继承是通过将一个对象的原型（prototype）设置为另一个对象的实例来实现继承。子类的原型是父类的一个实例，这样子类就可以继承父类的属性和方法。

私信【学习】即可获取更多前端资料！！！

下面是一个使用原型链实现继承的示例代码：

function Animal(name) {
  this.name = name;
}

Animal.prototype.sayName = function() {
  console.log('My name is ' + this.name);
};

function Dog(name, breed) {
  Animal.call(this, name); // 调用父类构造函数
  this.breed = breed;
}

Dog.prototype = Object.create(Animal.prototype); // 设置原型为Animal的实例
Dog.prototype.constructor = Dog; // 修复构造函数指向

Dog.prototype.sayBreed = function() {
  console.log('I am a ' + this.breed);
};

const myDog = new Dog('Max', 'Golden Retriever');
myDog.sayName(); // 输出：My name is Max
myDog.sayBreed(); // 输出：I am a Golden Retriever

2. 类继承（ES6）：
   ES6引入了class关键字，使得继承更加简洁和易于理解。通过使用extends关键字，可以创建一个新类并继承现有类的属性和方法。

下面是一个使用ES6类实现继承的示例代码：

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

  sayName() {
    console.log('My name is ' + this.name);
  }
}

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

  sayBreed() {
    console.log('I am a ' + this.breed);
  }
}

const myDog = new Dog('Max', 'Golden Retriever');
myDog.sayName(); // 输出：My name is Max
myDog.sayBreed(); // 输出：I am a Golden Retriever

无论是使用原型链还是ES6类，都可以通过调用父类的构造函数（super()或Animal.call(this, name)）来初始化继承的属性。此外，还可以通过在子类中添加新的方法或覆盖父类的方法来实现多态性。

私信【学习】即可获取更多前端资料！！！