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;
}
//通過Object類為每個(gè)對象添加方法extend
Object.prototype.extend = function(object) {
return Object.extend.apply(this, [this, object]);
}
Object.extend方法很容易理解，它是Object類的一個(gè)靜態(tài)方法，用于將參數(shù)中source的所有屬性都賦值到destination對象中，并返回destination的引用。下面解釋一下Object.prototype.extend的實(shí)現(xiàn)，因?yàn)镺bject是所有對象的基類，所以這里是為所有的對象都添加一個(gè)extend方法，函數(shù)體中的語句如下：
Object.extend.apply(this,[this,object]);
這一句是將Object類的靜態(tài)方法作為對象的方法運(yùn)行，第一個(gè)參數(shù)this是指向?qū)ο髮?shí)例自身；第二個(gè)參數(shù)是一個(gè)數(shù)組，包括兩個(gè)元素：對象本身和傳進(jìn)來的對象參數(shù)object。函數(shù)功能是將參數(shù)對象object的所有屬性和方法賦值給調(diào)用該方法的對象自身，并返回自身的引用。有了這個(gè)方法，下面看類繼承的實(shí)現(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(){
//構(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>
從運(yùn)行結(jié)果可以看出，繼承被正確的實(shí)現(xiàn)了，而且派生類的額外成員也可以以列表的形式加以定義.
復(fù)制代碼 代碼如下:
//為Object類添加靜態(tài)方法：extend
Object.extend = function(destination, source) {
for(property in source) {
destination[property] = source[property];
}
return destination;
}
//通過Object類為每個(gè)對象添加方法extend
Object.prototype.extend = function(object) {
return Object.extend.apply(this, [this, object]);
}
Object.extend方法很容易理解，它是Object類的一個(gè)靜態(tài)方法，用于將參數(shù)中source的所有屬性都賦值到destination對象中，并返回destination的引用。下面解釋一下Object.prototype.extend的實(shí)現(xiàn)，因?yàn)镺bject是所有對象的基類，所以這里是為所有的對象都添加一個(gè)extend方法，函數(shù)體中的語句如下：
Object.extend.apply(this,[this,object]);
這一句是將Object類的靜態(tài)方法作為對象的方法運(yùn)行，第一個(gè)參數(shù)this是指向?qū)ο髮?shí)例自身；第二個(gè)參數(shù)是一個(gè)數(shù)組，包括兩個(gè)元素：對象本身和傳進(jìn)來的對象參數(shù)object。函數(shù)功能是將參數(shù)對象object的所有屬性和方法賦值給調(diào)用該方法的對象自身，并返回自身的引用。有了這個(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>
從運(yùn)行結(jié)果可以看出，繼承被正確的實(shí)現(xiàn)了，而且派生類的額外成員也可以以列表的形式加以定義.
相關(guān)文章
一定要設(shè)置xmlHttp.setRequestHeader，否則傳往PHP的參數(shù)會(huì)變成null（line 38）2010-11-11
微信小程序防止多次點(diǎn)擊跳轉(zhuǎn)和防止表單組件輸入內(nèi)容多次驗(yàn)證功能（函數(shù)防抖）
這篇文章主要介紹了微信小程序防止多次點(diǎn)擊跳轉(zhuǎn)和防止表單組件輸入內(nèi)容多次驗(yàn)證功能（函數(shù)防抖）,需要的朋友可以參考下2019-09-09
因?yàn)橐鲆粋€(gè)日歷控件,遇到國家法定節(jié)假日,怎么實(shí)現(xiàn)此功能呢?這篇文章主要給大家介紹了關(guān)于前端判斷節(jié)假日的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-08-08
獲取3個(gè)數(shù)組不重復(fù)的值的具體實(shí)現(xiàn)
先用concat拼接數(shù)組 ，再使用一個(gè)對象、一個(gè)新數(shù)組（用于存放不重復(fù)的數(shù)組）具體實(shí)現(xiàn)如下，感興趣的朋友可以參考2013-12-12
這篇文章主要給大家介紹了關(guān)于JavaScript中this指向問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
JavaScript實(shí)現(xiàn)京東放大鏡效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
javascript 調(diào)用其他頁面的js函數(shù)或變量的腳本
web開發(fā)的時(shí)候，有時(shí)候需要使用其他頁面上寫好的javasript函數(shù)、變量。如彈出窗口需要使用父窗口中的函數(shù)，框架1需要使用框架2中的函數(shù)。2008-05-05
為了保證我們讀取的信息都是最新的，我們需要禁止ajax的緩存功能,下面我就介紹一下這個(gè)方法的使用2013-11-11
用云開發(fā)Cloudbase實(shí)現(xiàn)小程序多圖片內(nèi)容安全監(jiān)測的代碼詳解
這篇文章主要介紹了用云開發(fā)Cloudbase實(shí)現(xiàn)小程序多圖片內(nèi)容安全監(jiān)測,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
ant design下運(yùn)用js實(shí)現(xiàn)框選功能，這篇文章主要介紹了ant design實(shí)現(xiàn)圈選功能,本文通過實(shí)例代碼截圖的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2019-12-12