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

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

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

    构造器指向混乱

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

    属性继承到属性

    原型继承到原型

    构造器指向明确

JavaScript高级程序设计之寄生组合式继承
// 父类
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);
JavaScript高级程序设计之寄生组合式继承

 

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

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

上一篇:聊天 app 服务端系统设计思路


下一篇:JMeter录制脚本 移动端,pc(2)