您的位置:首页 > Web前端 > JavaScript

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

2014-05-28 18:26 369 查看
在继承中常会出现两个问题:

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

构造器指向混乱

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

属性继承到属性

原型继承到原型

构造器指向明确

// 父类
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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: