码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript高级程序设计之寄生组合式继承

时间:2014-05-30 04:10:48      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   java   

在继承中常会出现两个问题:

    父类的属性变成了子类的原型

    构造器指向混乱

寄生组合式继承解决了这样的问题:

    属性继承到属性

    原型继承到原型

    构造器指向明确

bubuko.com,布布扣
// 父类
var Super = function(name) {
    this.name = name;
    this.friends = ["lily", "meimei"];
};

Super.prototype.sayName = function() {
    console.log(this.name);
};

// 子类
var Sub = function(name, age) {

    // 属性归到属性
    Super.call(this, name);
    this.age = age;
};

// 原型归到原型
Sub.prototype = Super.prototype;

// 明确构造器
Sub.prototype.constructor = Sub;

Sub.prototype.sayAge = function() {
    console.log(this.age);
};


var sup1 = new Super("lucy", 18);
var sub1 = new Sub("lily", 20); 

sub1.friends.push("poly");

var sub2 = new Sub("poly", 2);
bubuko.com,布布扣

 

JavaScript高级程序设计之寄生组合式继承,布布扣,bubuko.com

JavaScript高级程序设计之寄生组合式继承

标签:c   style   class   blog   code   java   

原文地址:http://www.cnblogs.com/xiankui/p/3757682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!