JS继承的几种方式

1. 原型链继承

function Parent() {
   this.isShow = true
   this.info = {
       name: "mjy",
       age: 18,
   };
}
 
Parent.prototype.getInfo = function() {
   console.log(this.info);
   console.log(this.isShow);
}
 
function Child() {};
Child.prototype = new Parent();
 
let Child1 = new Child();
Child1.info.gender = "男";
Child1.getInfo(); // {name: 'mjy', age: 18, gender: '男'} ture
 
let child2 = new Child();
child2.isShow = false
console.log(child2.info.gender) // 男
child2.getInfo(); // {name: 'mjy', age: 18, gender: '男'} false

缺点：

1. 引用类型值的原型属性会被所有实例共享

2. 创建子类型实例时，不能向父类型的构造函数中传参 

2. 构造函数继承

function Parent(gender) {
  this.info = {
    name: "yhd",
    age: 19,
    gender: gender
  }
}
 
function Child(gender) {
    Parent.call(this, gender)
}
 
let child1 = new Child('男');
child1.info.nickname = 'xiaoma'
console.log(child1.info); //{name: 'yhd', age: 19, gender: '男', nickname: 'xiaoma'}
 
let child2 = new Child('女');
console.log(child2.info); //{name: 'yhd', age: 19, gender: '女'}

优点：解决了原型链实现继承的不能传参的问题和父类的原型共享的问题。

缺点：

1. 借用构造函数的缺点是方法都在构造函数中定义，因此无法实现函数复用。

2. 在父类型的原型中定义的方法，对子类型而言也是不可见的，结果所有类型都只能使用构造函数模式。 

3. 组合继承（构造函数+原型链）

function Person(gender) {
  console.log('执行次数');
  this.info = {
    name: "mjy",
    age: 19,
    gender: gender
  }
}
 
Person.prototype.getInfo = function () {   // 使用原型链继承原型上方法
  console.log(this.info.name, this.info.age)
}
 
function Child(gender) {
  Person.call(this, gender) // 使用构造函数法传递参数 打印了一次执行次数
}
 
Child.prototype = new Person() //使用原型链继承原型上的属性
 
let child1 = new Child('男'); //打印了一次执行次数
child1.info.nickname = 'xiaoma'
child1.getInfo() //mjy 19
console.log(child1.info); //{name: 'mjy', age: 19, gender: '男', nickname: 'xiaoma'}
 
let child2 = new Child('女'); //打印了一次执行次数
console.log(child2.info); //{name: 'mjy', age: 19, gender: '女'}

优点: 解决了原型链继承和借用构造函数继承造成的影响。

缺点：

无论在什么情况下，都会调用两次父类型构造函数：一次是在创建子类型原型的时候，另一次是在子类型构造函数内部 （在代码里就是打印了一次执行次数）

其余继承方法 链接