快捷導(dǎo)航

AJAX JavaScript反射機(jī)制的介紹

更新時(shí)間：2013年03月03日 15:10:20 作者：

反射機(jī)制指的是程序在運(yùn)行時(shí)能夠獲取自身的信息。例如一個(gè)對(duì)象能夠在運(yùn)行時(shí)知道自己有哪些方法和屬性。

什么是反射機(jī)制

　　反射機(jī)制指的是程序在運(yùn)行時(shí)能夠獲取自身的信息。例如一個(gè)對(duì)象能夠在運(yùn)行時(shí)知道自己有哪些方法和屬性。

　　在JavaScript中利用for(…in…)語(yǔ)句實(shí)現(xiàn)反射

　　在JavaScript中有一個(gè)很方便的語(yǔ)法來(lái)實(shí)現(xiàn)反射，即for(…in…)語(yǔ)句，其語(yǔ)法如下：

for(var p in obj){
//語(yǔ)句
}
　　這里var p表示聲明的一個(gè)變量，用以存儲(chǔ)對(duì)象obj的屬性（方法）名稱(chēng)，有了對(duì)象名和屬性（方法）名，就可以使用方括號(hào)語(yǔ)法來(lái)調(diào)用一個(gè)對(duì)象的屬性（方法）：

復(fù)制代碼代碼如下:

for(var p in obj){ 
if(typeof(obj[p]=="function"){ 
obj[p](); 
}else{ 
alert(obj[p]); 
} 
}

　　這段語(yǔ)句遍歷obj對(duì)象的所有屬性和方法，遇到屬性則彈出它的值，遇到方法則立刻執(zhí)行。在后面可以看到，在面向?qū)ο蟮腏avaScript程序設(shè)計(jì)中，反射機(jī)制是很重要的一種技術(shù)，它在實(shí)現(xiàn)類(lèi)的繼承中發(fā)揮了很大的作用。

使用反射來(lái)傳遞樣式參數(shù)

　　在Ajax編程中，經(jīng)常要能動(dòng)態(tài)的改變界面元素的樣式，這可以通過(guò)對(duì)象的style屬性來(lái)改變，比如要改變背景色為紅色，可以這樣寫(xiě)：

element.style.backgroundColor="#ff0000";
　　其中style對(duì)象有很多屬性，基本上CSS里擁有的屬性在JavaScript中都能夠使用。如果一個(gè)函數(shù)接收參數(shù)用用指定一個(gè)界面元素的樣式，顯然一個(gè)或幾個(gè)參數(shù)是不能符合要求的，下面是一種實(shí)現(xiàn)：

復(fù)制代碼代碼如下:

function setStyle(_style){ 
//得到要改變樣式的界面對(duì)象 
var element=getElement(); 
element.style=_style; 
}

　　這樣，直接將整個(gè)style對(duì)象作為參數(shù)傳遞了進(jìn)來(lái)，一個(gè)style對(duì)象可能的形式是：

復(fù)制代碼代碼如下:

var style={ 
color:#ffffff, 
backgroundColor:#ff0000, 
borderWidth:2px 
}

　　這時(shí)可以這樣調(diào)用函數(shù)：

setStyle(style);
　　或者直接寫(xiě)為：

setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});
　　這段代碼看上去沒(méi)有任何問(wèn)題，但實(shí)際上，在setStyle函數(shù)內(nèi)部使用參數(shù)_style為element.style賦值時(shí)，如果element原先已經(jīng)有了一定的樣式，例如曾經(jīng)執(zhí)行過(guò)：

element.style.height="20px";
　　而_style中卻沒(méi)有包括對(duì)height的定義，因此element的height樣式就丟失了，不是最初所要的結(jié)果。要解決這個(gè)問(wèn)題，可以用反射機(jī)制來(lái)重寫(xiě)setStyle函數(shù)：

復(fù)制代碼代碼如下:

function setStyle(_style){ 
//得到要改變樣式的界面對(duì)象 
var element=getElement(); 
for(var p in _style){ 
element.style[p]=_style[p]; 
} 
}

　　程序中遍歷_style的每個(gè)屬性，得到屬性名稱(chēng)，然后再使用方括號(hào)語(yǔ)法將element.style中的對(duì)應(yīng)的屬性賦值為_(kāi)style中的相應(yīng)屬性的值。從而，element中僅改變指定的樣式，而其他樣式不會(huì)改變，得到了所要的結(jié)果。

您可能感興趣的文章: