简单易懂的js继承

继承在js中占有非常重要的地位，那么在js中有很多中继承的方式，不过每一种继承方式都有优缺点。下面就列举几种继承的方式。

实现继承首先需要一个父类，在js中实际上是没有类的概念，在es6中class虽然很像类，但实际上只是es5上语法糖而已

 一、原型链继承

核心：将父类的实例作为子类的原型

 优点： 实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性

 缺点:  1、新实例无法向父类构造函数传参。
　　　2、继承单一。
　　　3、所有新实例都会共享父类实例的属性。

二、组合式继承

 

 优点: 1、可以继承父类原型上的属性，可以传参，可复用。
　　 　2、每个新实例引入的构造函数属性是私有的。

 缺点：调用了两次父类构造函数（耗内存），子类的构造函数会代替    原型上的那个父类构造函数

三、构造函数继承

核心:在子类的内部调用父类，通过call改变父类中this的指向等于是复制父类的实例属性给子类

用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））

 

 

 优点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。
　　 　2、可以继承多个构造函数属性（call多个）。
　　　 3、在子实例中可向父实例传参。
缺点：1、只能继承父类构造函数的属性。
　　　 2、无法实现构造函数的复用。（每次用每次都要重新调用）
　　　 3、每个新实例都有父类构造函数的副本，臃肿。

 四、class继承

 

 es6继承⽤class定义类，⽤extends继承类，⽤ super()表示⽗类

子类可以没有自己的构造方法，没有可以调用父亲的，但是有构造方法先调用父类