Javascript如何实现继承?各种继承方法的优缺点是什么?

2022-07-25 08:05:20

一、继承是什么?

继承(inheritance)是面向对象软件技术当中的一个概念。

如果一个类别B“继承自”另一个类别A,就把这个B称为“A的子类”,而把A称为“B的父类别”也可以称“A是B的超类”

  • 继承的优点

继承可以使得子类具有父类别的各种属性和方法,而不需要再次编写相同的代码

在子类别继承父类别的同时,可以重新定义某些属性,并重写某些方法,即覆盖父类别的原有属性和方法,使其获得与父类别不同的功能

虽然JavaScript并不是真正的面向对象语言,但它天生的灵活性,使应用场景更加丰富

关于继承,我们举个形象的例子:

定义一个类(Class)叫汽车,汽车的属性包括颜色、轮胎、品牌、速度、排气量等

classCar{constructor(color,speed){this.color= colorthis.speed= speed// ...}}

由汽车这个类可以派生出“轿车”和“货车”两个类,在汽车的基础属性上,为轿车添加一个后备厢、给货车添加一个大货箱

// 货车classTruckextendsCar{constructor(color,speed){super(color,speed)this.Container=true// 货箱}}

这样轿车和货车就是不一样的,但是二者都属于汽车这个类,汽车、轿车继承了汽车的属性,而不需要再次在“轿车”中定义汽车已经有的属性

在“轿车”继承“汽车”的同时,也可以重新定义汽车的某些属性,并重写或覆盖某些属性和方法,使其获得与“汽车”这个父类不同的属性和方法

classTruckextendsCar{constructor(color,speed){super(color,speed)this.color="black"//覆盖this.Container=true// 货箱}}

二、实现方式

下面给出JavaScript常见的继承方式:

  • 原型链继承
  • 构造函数继承(借助 call)
  • 组合继承
  • 原型式继承
  • 寄生式继承
  • 寄生组合式继承

原型链继承

原型链继承是比较常见的继承方式之一,其中涉及的构造函数、原型和实例,三者之间存在着一定的关系,即每一个构造函数都有一个原型对象,原型对象又包含一个指向构造函数的指针,而实例则包含一个原型对象的指针

举个例子

functionParent(){this.name='parent1';this.play=[1,2,3]}functionChild(){this.type='child2';}Child.prototype=newParent()super(name)this.age= age}}const asuna=newGamer('Asuna',20)
asuna.getName()// 成功访问到父类的方法,Person: Asuna

利用babel工具进行转换,我们会发现extends实际采用的也是寄生组合继承方式,因此也证明了这种方式是较优的解决继承的方式

三、总结

下面以一张图作为总结:

img
通过Object.create 来划分不同的继承方式,最后的寄生式组合继承方式是通过组合继承改造之后的最优继承方式,而extends 的语法糖和寄生组合继承的方式基本类似

  • 作者:青颜的天空
  • 原文链接:https://blog.csdn.net/a1056244734/article/details/123680962
    更新时间:2022-07-25 08:05:20