在prototype框架中的類繼承實現(xiàn)機制
//為Object類添加靜態(tài)方法:extend
Object.extend = function(destination, source) {
for(property in source) {
destination[property] = source[property];
}
return destination;
}
//通過Object類為每個對象添加方法extend
Object.prototype.extend = function(object) {
return Object.extend.apply(this, [this, object]);
}
Object.extend方法很容易理解,它是Object類的一個靜態(tài)方法,用于將參數(shù)中source的所有屬性都賦值到destination對象中,并返回destination的引用。下面解釋一下Object.prototype.extend的實現(xiàn),因為Object是所有對象的基類,所以這里是為所有的對象都添加一個extend方法,函數(shù)體中的語句如下:
Object.extend.apply(this,[this,object]);
這一句是將Object類的靜態(tài)方法作為對象的方法運行,第一個參數(shù)this是指向?qū)ο髮嵗陨恚坏诙€參數(shù)是一個數(shù)組,包括兩個元素:對象本身和傳進來的對象參數(shù)object。函數(shù)功能是將參數(shù)對象object的所有屬性和方法賦值給調(diào)用該方法的對象自身,并返回自身的引用。有了這個方法,下面看類繼承的實現(xiàn):
<script language="JavaScript" type="text/javascript">
<!--
//定義extend方法
Object.extend = function(destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
}
Object.prototype.extend = function(object) {
return Object.extend.apply(this, [this, object]);
}
//定義class1
function class1(){
//構(gòu)造函數(shù)
}
//定義類class1的成員
class1.prototype={
method:function(){
alert("class1");
},
method2:function(){
alert("method2");
}
}
//定義class2
function class2(){
//構(gòu)造函數(shù)
}
//讓class2繼承于class1并定義新成員
class2.prototype=(new class1()).extend({
method:function(){
alert("class2");
}
});
//創(chuàng)建兩個實例
var obj1=new class1();
var obj2=new class2();
//試驗obj1和obj2的方法
obj1.method();
obj2.method();
obj1.method2();
obj2.method2();
//-->
</script>
從運行結(jié)果可以看出,繼承被正確的實現(xiàn)了,而且派生類的額外成員也可以以列表的形式加以定義