寄生组合继承
寄生组合式继承,是集寄生式继承和组合继承的有点与一身,主要是通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。
先看一个例子:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function inheritPrototype(SuperType, SubType){ var prototype = Object.create(SuperType.prototype); prototype.constructor = SubType; SubType.prototype = prototype; } function SuperType(name){ this .name = name; this .colors = [ "red" , "blue" , "yellow" ]; } function SubType(name){ SuperType.call( this , name); } inheritPrototype(SuperType, SubType); var s1 = new SubType( "niulina" ); |
这个代码中有一个Object.create(supertype)函数,这个函数是ECMAScript 6为了规范原型式继承而提出的一个方法,与下面这个方法是等价的:
1
2
3
4
5
|
function object(o){ function f(){} f.prototype = o; return new f(); } |
这个方法做了什么工作呢?如下图所示:
object(o)方法的工作就是:
- 创建一个构造函数f
- 使该构造函数的prototype指针指向参数
- 创建f对象的一个实例,幷返回
在该函数调用完以后,f的构造函数便会销毁,所以整个函数的工作就是让一个对象的__proto__指针指向参数。
继续回到寄生组合式继承,第二行代码:
1
|
var prototype = Object.create(SuperType.prototype); |
使得新创建的prototype对象的__proto__指针指向SuperType的原型对象。再看第三四行:
1
2
|
prototype.constructor = SubType; SubType.prototype = prototype; |
将这个prototype对象的construstor指针指向SubType的构造函数,幷将SubType的构造函数的prototype指针指向这个prototype对象,所以inheritPrototype的工作就是使SubType继承于SuperType(也就是SubType的原型对象的__proto__指针指向SuperType的原型对象),如下图所示。
寄生组成继承是目前最完美的继承实现方法。
而较为常用的方法是组合继承:
把上面的inheritPrototype(SubType, SuperType);语句换成:
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;
这种方式的缺点是:由于调用了2次父类的构造方法,会存在一份多余的父类实例属性,具体原因如下:
第一次SuperType.call(this);语句从父类拷贝了一份父类实例属性给子类作为子类的实例属性,第二次SubType.prototype = new SuperType();创建父类实例作为子类原型,此时这个父类实例就又有了一份实例属性,但这份会被第一次拷贝来的实例属性屏蔽掉,所以多余。