浅析JavaScript继承(转)

转自 https://my.oschina.net/qiangdada/blog/745061

继承算是JavaScript中的一大难点也是必须掌握的知识点。接下来我会列举一些我们常见的继承并给出对应一些的code方便大家理解。

1.类式继承,既子类原型继承父类实例化。但是当我利用new关键字实例化子类的时候,当我改变子类继承到父类属性的时候,会污染到再次实例化的子类它所继承到的属性。具体如下

浅析JavaScript继承(转)_第1张图片
类式继承

2.构造函数继承,即在子类构造函数中利用call()更改作用域,将子类变量在父类中执行一遍,从而完成继承。该继承方式只能继承父类构造函数中的属性和方法,并不能直接继承到父类原型。

浅析JavaScript继承(转)_第2张图片
构造函数继承

3.组合继承,即将类式继承和构造函数继承进行功能的结合,形成一个更为优良的继承方式。该继承结合了类式继承和构造函数继承,即继承了父类原型,又继承了父类构造函数中的属性和方法。这样的好处就是在用new关键字实例化一个子类的时候改变该子类继承到的属性,不会影响下一个实例化的子类继承到的属性。但是该继承方式的缺点就是子类原型继承父类实例化的时候,也会跑一次父类的构造函数。

浅析JavaScript继承(转)_第3张图片
组合继承

4.原型式继承,它是对类式继承的一个封装,在原型式继承中会声明一个过渡对象,为的就是创建要返回的新的实例化对象。这里由于F过渡类的构造函数没有内容,所以开销比较小,使用起来也比较方便。但还是有着类式继承一样的问题。

浅析JavaScript继承(转)_第4张图片
原型式继承

5.寄生式继承,它是对原型继承的第二次封装,让新创建的对象不仅仅有父类中的属性和方法而且还可以添加新的属性和方法。

浅析JavaScript继承(转)_第5张图片
寄生式继承

6.寄生组合式继承,它将寄生式继承和构造函数继承进行结合,形成一个完美的继承方式。

浅析JavaScript继承(转)_第6张图片
寄生组合式继承-1
浅析JavaScript继承(转)_第7张图片
寄生组合式继承-2

你可能感兴趣的:(浅析JavaScript继承(转))