咖啡Java

站在巨人的肩上
Flying in the world of Java

posts - 114, comments - 196, trackbacks - 0, articles - 0

JavaScript 中的繼承(上)

Posted on 2006-11-28 22:51 Jaunt 閱讀(215) 評論(0) 編輯收藏所屬分類: JavaScript

作者： Flyingis
原載： http://www.aygfsteel.com/flyingis/archive/2006/07/15/58290.html

??? 繼承是面向對象語言基本特征之一，通過繼承可以將父類所具有的特性遺傳到子類。ECMAScript中的繼承不像Java、C++等語言那么明顯，直接通過關鍵字來實現，通常它是通過模擬方式來實現繼承功能的，并且實現方式有多種。

??? 在繼承中引入this關鍵字，使用構造器方法定義類來實現繼承。一個構造器是一個函數，因此可以將父類的構造器作為子類的一個方法使用并進行調用。

? functionClassA(id)? {

?? this .id = id;

?? this .sayId =?function() {

???? alert( this .id);

?? } ;

}

? function ClassB(id,?name)? {

?? this .newMethod = ClassA;

?? this .newMethod(id);

?? delete?this. newMethod;

?? this .name = name;

?? this .sayName =?function() {

???? alert( this .name);

?? } ;

}

??? 注意，子類中所有新的屬性和方法都必需在刪除newMethod后引入，否則，可能存在用父類的屬性和方法重寫子類屬性和方法的危險。另外，使用這種方法還可以實現多重繼承，此時如果兩個父類具有相同的屬性或方法時，最后的類具有優先級。由于這種繼承方法比較流行，ECMAScript第三版引入了兩個 Function對象：call()和apply()。

??? call()

??? call()方法是最接近上述繼承方式的方法，它的第一個參數是this指向的對象，所有的其他參數都直接傳到function。

? functionsayMessage(first,?last)?{

?? alert(first +?this.logic +last);

};

varobj =new Object();

obj.logic =?"or";

sayMessage.call(obj,"Coffee ",?"Tea");??//輸出"Coffee?or?Tea"

??? 用call()方法來實現繼承，只需要this.newMethod相關的三行代碼。

? functionClassB(id,?name)?{

??? //this.newMethod?=?ClassA;

??//this.newMethod(id);

??//delete?this.newMethod;

??ClassA.call(this,?id);??//this指向ClassB的對象

??this.name =name;

??this.sayName =?function()?{

???? alert(this.name);

?? };

}

??? apply()

??? apply()方法需要兩個參數：this所指向的對象，和傳到function的由參數組成的array。

function?sayMessage(first,?last)??{

??alert(first?+?this.logic?+last);

};

var?obj?=?new?Object();

obj.logic?=?"or";

sayMessage.apply(obj,?new?Array("Coffee?",?"?Tea"));??//輸出"Coffee?or?Tea"

??
??? 同樣，使用 apply() 實現繼承可以通過如下方法實現。

function?ClassB(id,?name)?{

??//this.newMethod?=?ClassA;

??//this.newMethod(id);

??//delete?this.newMethod;

??ClassA.apply(this,?new?Array(id));??//this指向ClassB的對象

??this.name?=?name;

??this.sayName?=?function()?{

????alert(this.name);

??};

}

??? 當父類構造器的參數和子類構造器參數的順序一致時，可以使用子類的arguments對象作為第二個參數。否則，必需創建一個array來傳遞參數，或是使用call()方法。

??? 文章待續……

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Javascript 如何實現對象的拖動？對google個性主頁的拖拽效果的js的完整注釋判斷Checkbox和Radio的一種方法 JavaScript，等比例縮放圖片的函數 setInterval全面的介紹(轉) 用javascript進行拖拽 [下載]JavaScript權威指南(第五版) 發現一個有用的js事件onpropertychange JS中的setTimeout和setInterval的區別 javascript小技巧（收藏）