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

Javascript 继承机制和构造方法链实现(原)

2014-05-03 00:34 579 查看



JavaScriptprototype

Javascript代码


(function(){
Rs = {version: 1.0};

Rs.extend = function(target, params) {

target = target || {};

for (var prop in params) {
target[prop] = params[prop];
}
return target;
};

Rs.Class = function() {
// 构造体
var Class = function() {
this.initialize.apply(this, arguments);
};

var extended = {};

var parent, superclass;

for (var index = 0, len = arguments.length; index < len; index++) {

if (typeof arguments[index] == "function") {

// 如果有父类
if (index == 0 && len > 1) {

var initialize = arguments[index].prototype.initialize;

arguments[index].prototype.initialize = function() {};

extended = new arguments[index]();

if (initialize === undefined) {
delete arguments[index].prototype.initialize;
} else {
arguments[index].prototype.initialize = initialize;
}

superclass = arguments[index];
continue;
}

parent = arguments[index].prototype;
} else {
// 如果为顶层基类
parent = arguments[index];
}

Rs.extend(extended, parent);
}
Class.prototype = extended;
Class.superclass = superclass;
return Class;
};
})();

var Animal = Rs.Class({
initialize: function(name){

this.name = name;
},

showName: function(){
alert(this.name);
}
});

var Cat = Rs.Class(Animal, {
initialize: function(name) {
// 调用父类构造函数
Cat.superclass.prototype.initialize.call(this, name);
}
});

var BlackCat = Rs.Class(Cat, {
initialize: function(name, type) {
// 调用父类构造函数
BlackCat.superclass.prototype.initialize.call(this, name);
this.type = type;
},
showType: function() {
alert(this.type);
},
showName: function() {
alert(this.name + ":" + this.type);
}
});

var cat = new Cat("cat name");

// 继承方法
cat.showName();

// true
alert(cat instanceof Animal);

// true
alert(cat instanceof Cat);

// false
alert(cat instanceof BlackCat);

var blackCat = new BlackCat("123", "black");

// 方法重写
blackCat.showName();

// 自有方法
blackCat.showType();

// true
alert(blackCat instanceof Animal);

// true
alert(blackCat instanceof Cat);

// true
alert(blackCat instanceof BlackCat);

大家可能会问,Rs是什么,Rs就是Rainsilence的简称。^-^

以上实现了继承,多态,重载,和完整的构造体方法链。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: