关于JS中的继承（一）

我不是女神ヾ 2022-06-06 13:25 152阅读 0赞

**首先我们要知道什么是类的继承？**  
其实就是子类继承父类中的一些属性和方法。

在JS中实现继承有多种方式，有原型继承、call继承、寄生组合继承、ES6中的类以及继承等几种方式。  
接下来，我将一一介绍每一种继承方式。

## **原型继承** ##

所谓原型继承，指的是让子类的原型指向父类的实例

Children.prototype=new Parent();

***我们要注意一些细节：***  
一、我们首先让子类的原型指向父类的实例，再向子类原型上扩展方法，但是为了防止提前增加的方法在原型重新指向后，之前在子类原型上增加的方法就没用了，因为子类原型已经指向新的地址了（父类的实例）。

二、让子类原型重新指向父类实例，子类原型上原有的constructor就没有了（因为子类的原型重新指向后，新的原型并不是函数天生自带的原型，也就没有原型上天生自带的属性constructor了），为了保证构造函数的完整性，我们最好给子类的原型重新手动设置constructor属性值：Children.prototype.constructor = Children;

***原型继承的原理***  
原型继承，并不是把父类中的属性和方法copy一份给子类，而是让子类的原型和父类原型之间搭建一个链接的桥梁，以后子类（或者子类的实例），可以通过**原型链的查找机制**，找到父类原型上的方法，从而调取这些方法使用即可。

***原型继承的特征***  
子类不仅可以继承父类原型上的公有属性和方法，而且父类提供给实例的那些私有的属性方法，也被子类继承了（存放在子类原型上，作为子类公有的属性和方法）

这里是关于原型继承的分析图  
![这里写图片描述][SouthEast]  
接下来几篇文章我将介绍call继承、寄生组合继承以及ES6中的继承。。

[SouthEast]: /images/20220606/635203a06fff4d309bd931ec928f9e07.png