在面向对象编程中有一个很重要的特性,就是继承,通过继承可以减小大量冗余的代码。
JS也是可以面向对象编程的,在JS里也有多种继承方式。
class
是ES6增加的关键字,他的本质还是函数。
使用class继承非常简单。子类使用extends
关键字表明继承于哪个类,并在子类中调用super()
,这相当于使用call()
改变this的指向。
class继承代码如下:
原型链继承就是使用的它的概念对象._proto_ = 构造函数.prototype
组合继承是原型链继承+构造函数继承,原型链继承的属性,构造函数继承方法。原型链继承会出现一个问题:包含引用类型值的原型属性,会被所有实例共享。构造函数继承的问题是:没有原型,无法复用。
组合继承代码如下:
这种继承方式通过Father.call(this)
继承父类的属性,通过new Father()
继承父类的函数。优点在于构造函数可以传参,不会与父类共享属性,缺点是在继承父类函数的时候调用了父类的构造函数。
组合继承的缺点是在继承时调用了父类的构造函数。寄生组合继承解决了两次调用的问题。
Parent.call(this)
,使用构造函数继承父类的方法new Parent()
。但子类调用了两次父类构造函数,生成了两个父类实例。extends
指定继承的父类。今天不学习,明天变垃圾。
欢迎关注公众号:前端大合集。