javascript 物件導向繼承

在prototype架構中的類繼承實現機制 複製代碼 代碼如下://為Object類添加靜態方法：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類的一個靜態方法，用於將參數中source的所有屬性都賦值到destination對象中，並返回destination的引用。下面解釋一下Object.prototype.extend的實現，因為Object是所有對象的基類，所以這裡是為所有的對象都添加一個extend方法，函數體中的語句如下：
Object.extend.apply(this,[this,object]);
這一句是將Object類的靜態方法作為對象的方法運行，第一個參數this是指向對象執行個體自身；第二個參數是一個數組，包括兩個元素：對象本身和傳進來的對象參數object。函數功能是將參數對象object的所有屬性和方法賦值給調用該方法的對象自身，並返回自身的引用。有了這個方法，下面看類繼承的實現： 複製代碼 代碼如下:<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(){
//建構函式
}
//定義類class1的成員
class1.prototype={
method:function(){
alert("class1");
},
method2:function(){
alert("method2");
}

}
//定義class2
function class2(){
//建構函式
}
//讓class2繼承於class1並定義新成員
class2.prototype=(new class1()).extend({
method:function(){
alert("class2");
}
});

//建立兩個執行個體
var obj1=new class1();
var obj2=new class2();
//實驗obj1和obj2的方法
obj1.method();
obj2.method();
obj1.method2();
obj2.method2();
//-->
</script>

從運行結果可以看出，繼承被正確的實現了，而且衍生類別的額外成員也可以以列表的形式加以定義.