咖啡Java

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

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

JavaScript 中的繼承(上)

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

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

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

??? 在繼承中引入this關(guān)鍵字，使用構(gòu)造器方法定義類來實現(xiàn)繼承。一個構(gòu)造器是一個函數(shù)，因此可以將父類的構(gòu)造器作為子類的一個方法使用并進行調(diào)用。

? 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后引入，否則，可能存在用父類的屬性和方法重寫子類屬性和方法的危險。另外，使用這種方法還可以實現(xiàn)多重繼承，此時如果兩個父類具有相同的屬性或方法時，最后的類具有優(yōu)先級。由于這種繼承方法比較流行，ECMAScript第三版引入了兩個 Function對象：call()和apply()。

??? call()

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

? functionsayMessage(first,?last)?{

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

};

varobj =new Object();

obj.logic =?"or";

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

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

? 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()方法需要兩個參數(shù)：this所指向的對象，和傳到function的由參數(shù)組成的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() 實現(xiàn)繼承可以通過如下方法實現(xiàn)。

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);

??};

}

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

??? 文章待續(xù)……

新用戶注冊刷新評論列表


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




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