javascript 面向對象繼承

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

javascript 面向對象繼承，需要的朋友可以參考下。

在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是指向對象實例自身；第二個參數(shù)是一個數(shù)組，包括兩個元素：對象本身和傳進來的對象參數(shù)object。函數(shù)功能是將參數(shù)對象object的所有屬性和方法賦值給調用該方法的對象自身，并返回自身的引用。有了這個方法，下面看類繼承的實現(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(){ 
//構造函數(shù) 
} 
//定義類class1的成員 
class1.prototype={ 
method:function(){ 
alert("class1"); 
}, 
method2:function(){ 
alert("method2"); 
} 

} 
//定義class2 
function class2(){ 
//構造函數(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> 