Javascript 寄生组合式继承

 寄生组合式继承,是集寄生式继承和组合继承的有点与一身,主要是通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。

  先看一个例子:

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的原型对象),如下图所示。  

  

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值