js继承的几种方式

1.原型链继承（将父类的实例作为子类的原型）

function Parent() {
   this.isShow = true
   this.info = {
       name: "yhd",
       age: 18,
   };
}
Parent.prototype.getInfo = function() {}

function Child() {};
Child.prototype = new Parent();  // 继承

let Child1 = new Child();
Child1.info.gender = "男";
Child1.getInfo();  // {name: "yhd", age: 18, gender: "男"}

let child2 = new Child();
child2.getInfo();  // {name: "yhd", age: 18, gender: "男"}

优点：父类方法可以复用

缺点：

（1）父类的所有引用属性（info）会被所有子类共享，更改一个子类的引用属性，其他子类也会受影响

（2）子类型实例不能给父类型构造函数传参

2.构造函数继承

核心代码是SuperType.call(this)，创建子类实例时调用SuperType构造函数，于是SubType的每个实例都会将SuperType中的属性复制一份。

function Parent(name) {
  this.info = {
    name: name,
    age: 19,
  }
}

function Child(name) {
    Parent.call(this, name)
}

let child1 = new Child('yhd');
child1.info.gender = "男";
console.log(child1.info); // {name: "yhd", age: 19, gender: "男"};

let child2 = new Child('yhd');
console.log(child2.info); // {name: "yhd", age: 19}

 优点：

（1）可以在子类构造函数中向父类传参数

（2）父类的引用属性不会被共享

缺点：

（1）子类不能访问父类原型上定义的方法（即不能访问Parent.prototype上定义的方法），因此所有方法属性都写在构造函数中，每次创建实例都会初始化；即无法实现复用，每个子类都有父类实例函数的副本，影响性能

3.组合继承