js继承（前端面试题）

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

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

1.原型链继承

父类的实例作为子类的原型 

 优点：

• 简单易于实现，父类的新增的实例与属性子类都能访问

 缺点： 

• 可以在子类中增加实例属性，如果要新增加原型属性和方法需要在new 父类构造函数的后面

• 无法实现多继承

• 创建子类实例时，不能向父类构造函数中传参数

• 继承单一

• 所有实例都会共享父类的实例

2.构造函数继承 

复制父类的实例属性给子类

优点：

• 解决了子类构造函数向父类构造函数中传递参数

• 可以实现多继承

 缺点：

• 只能继承父类的构造函数
• 无法实现构造函数的复用
• 每个实例都有父类构造函数的副本

3.实例继承（原型式继承）

优点： 

• 不限制调用方式

• 简单，易实现

缺点： 

• 不能多次继承

 4.组合式继承

调用父类构造函数，继承父类的属性，通过将父类实例作为子类原型，实现函数复用

优点： 

• 函数可以复用

• 不存在引用属性问题

• 可以继承属性和方法，并且可以继承原型的属性和方法

缺点： 

• 调用两次父类的构造函数会比较（耗内存）子类的构造函数会替代父类上的构造函数

 5.es6继承

代码量少，易懂

ES5继承和ES6继承的区别：

es5继承首先是在子类中创建自己的this指向，最后将方法添加到this中
Child.prototype=new Parent() || Parent.apply(this) || Parent.call(this)
es6继承是使用关键字先创建父类的实例对象this，最后在子类class中修改this

结束语：

es6中很多代码的语法糖，很多方法简单易用。在浏览器兼容的情况下，改变原有方式。

虽然现在很多框架都是es6，但对于初学者还是建议多看看es5中实现的原理。