快捷導(dǎo)航

javascript 面向?qū)ο罄^承

更新時(shí)間：2009年11月26日 00:45:18 作者：

javascript 面向?qū)ο罄^承，需要的朋友可以參考下。

在prototype框架中的類繼承實(shí)現(xiàn)機(jī)制

 
//為Object類添加靜態(tài)方法：extend 
Object.extend = function(destination, source) { 
for(property in source) { 
destination[property] = source[property]; 
} 
return destination; 
} 
//通過(guò)Object類為每個(gè)對(duì)象添加方法extend 
Object.prototype.extend = function(object) { 
return Object.extend.apply(this, [this, object]); 
} 

Object.extend方法很容易理解，它是Object類的一個(gè)靜態(tài)方法，用于將參數(shù)中source的所有屬性都賦值到destination對(duì)象中，并返回destination的引用。下面解釋一下Object.prototype.extend的實(shí)現(xiàn)，因?yàn)镺bject是所有對(duì)象的基類，所以這里是為所有的對(duì)象都添加一個(gè)extend方法，函數(shù)體中的語(yǔ)句如下：
Object.extend.apply(this,[this,object]);
這一句是將Object類的靜態(tài)方法作為對(duì)象的方法運(yùn)行，第一個(gè)參數(shù)this是指向?qū)ο髮?shí)例自身；第二個(gè)參數(shù)是一個(gè)數(shù)組，包括兩個(gè)元素：對(duì)象本身和傳進(jìn)來(lái)的對(duì)象參數(shù)object。函數(shù)功能是將參數(shù)對(duì)象object的所有屬性和方法賦值給調(diào)用該方法的對(duì)象自身，并返回自身的引用。有了這個(gè)方法，下面看類繼承的實(shí)現(xiàn)：

復(fù)制代碼代碼如下:

 
<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)建兩個(gè)實(shí)例 
var obj1=new class1(); 
var obj2=new class2(); 
//試驗(yàn)obj1和obj2的方法 
obj1.method(); 
obj2.method(); 
obj1.method2(); 
obj2.method2(); 
//--> 
</script> 