原理： 子类的原型对象 指向 父类的实例 ， 当 子类实例 找不到属性和方法时，会沿着原型链往上找。
优点:简单，既是子类实例也是父类实例，父类新加原型方法或者属性，子类都能访问到
缺点：
通过使用call、apply方法可以在新创建的对象上执行构造函数,用父类的构造函数来增加子类的实例
原理： 子类的构造函数中执行父类的构造函数，并且改变子类的this绑定
优点：简单，直接父类的属性和方法
缺点：无法继承原型链上的属性方法
将父类原型对象直接赋值给子类的构造函数，再将空属性的构造函数实例赋值给子类原型对象
优点：完美实现继承，解决了组合式继承带两份属性的问题； new Child的时候不用 每次都 new Parent
缺点： 子类的prototype添加方法会影响 父类的prototype
将父类原型对象直接赋值给子类的构造函数，再将空属性的构造函数实例赋值给子类原型对象
优点：完美实现继承，解决了组合式继承带两份属性的问题； new Child的时候不用 每次都 new Parent
将等待继承的原型对象克隆，再赋值给继承的原型对象
优点：直接通过对象生成一个继承该对象的对象
缺点：不是类式继承，而是原型式基础，缺少了类的概念
参考： https://www.jb51.cc/note/413574.html
https://blog.csdn.net/qq_42926373/article/details/83149347
继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。
原型链
首先得要明白什么是原型链，昆明北大青鸟http://www.kmbdqn.cn/建议可以在一篇文章看懂proto和prototype的关系及区别中讲得非常详细
原型链继承基本思想就是让一个原型对象指向另一个类型的实例
添加方法
在给SubType原型添加方法的时候，如果，父类上也有同样的名字，SubType将会覆盖这个方法，达到重新的目的。但是这个方法依然存在于父类中。
记住不能以字面量的形式添加，因为，上面说过通过实例继承本质上就是重写，再使用字面量形式，又是一次重写了，但这次重写没有跟父类有任何关联，所以就会导致原型链截断。
问题
单纯的使用原型链继承，主要问题来自包含引用类型值的原型。
借用构造函数
此方法为了解决原型中包含引用类型值所带来的问题。
这种方法的思想就是在子类构造函数的内部调用父类构造函数，可以借助apply()和call()方法来改变对象的执行上下文
传递参数
借助构造函数还有一个优势就是可以传递参数
今天小编要跟大家分享的文章是关于Javascript继承的常用4种方法。相信很多学习web前端开发技术的小伙伴在学习前端开发的javascript部分的时候，在面向对象的部分就很难走下去了，主要的原因还是逻辑更加复杂了，需要理解的内容比直观的开发布局难一点。在面向对象编程里，封装和继承是比较重要的，这中间，继承是相对而言比较难理解的，因为javascript的继承方式比较多，也有不同的优缺点。今天小编为大家带来这篇文章就是来和大家一起说一说Javascript继承的常用4种方法，希望能够对你有所帮助。
1、原型链继承
核心：将父类的实例作为子类的原型
缺点：父类新增原型方法/原型属性，子类都能访问到，父类一变其它的都变了
2、构造继承
基本思想
借用构造函数的基本思想就是利用call或者apply把父类中通过this指定的属性和方法复制(借用)到子类创建的实例中。
因为this对象是在运行时基于函数的执行环境绑定的。也就是说，在全局中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。
call、apply方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。
所以，这个借用构造函数就是，new对象的时候(new创建的时候，this指向创建的这个实例)，创建了一个新的实例对象，并且执行Parent里面的代码，而Parent里面用call调用了Person，也就是说把this指向改成了指向新的实例，所以就会把Person里面的this相关属性和方法赋值到新的实例上，而不是赋值到Person上面,所以所有实例中就拥有了父类定义的这些this的属性和方法。
因为属性是绑定到this上面的，所以调用的时候才赋到相应的实例中，各个实例的值就不会互相影响了。
核心：使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类(没用到原型)
缺点：方法都在构造函数中定义，
只能继承父类的实例属性和方法，不能继承原型属性/方法，无法实现函数复用，每个子类都有父类实例函数的副本，影响性能
3、组合继承
组合继承(所有的实例都能拥有自己的属性，并且可以使用相同的方法，组合继承避免了原型链和借用构造函数的缺陷，结合了两个的优点，是最常用的继承方式)
核心：通过调用父类构造，继承父类的属性并保留传参的优点，然后再通过将父类实例作为子类原型，实现函数复用
缺点：调用了两次父类构造函数，生成了两份实例(子类实例将子类原型上的那份屏蔽了)
4、寄生组合继承
核心：通过寄生方式，砍掉父类的实例属性，这样，在调用两次父类的构造的时候，就不会初始化两次实例方法/属性，避免的组合继承的缺点
缺点：堪称完美，但实现较为复杂
以上就是小编今天为大家分享的关于web前端学习之Javascript继承的常用4种方法的文章，希望本篇文章能够对正在学习web前端技术的小伙伴们有所帮助。想要了解更多web前端知识记得关注北大青鸟web培训官网。
文章转载自公众号：前端研究所
