AJAX JavaScript反射機(jī)制的介紹
什么是反射機(jī)制
反射機(jī)制指的是程序在運(yùn)行時(shí)能夠獲取自身的信息。例如一個(gè)對(duì)象能夠在運(yùn)行時(shí)知道自己有哪些方法和屬性。
在JavaScript中利用for(…in…)語句實(shí)現(xiàn)反射
在JavaScript中有一個(gè)很方便的語法來實(shí)現(xiàn)反射,即for(…in…)語句,其語法如下:
for(var p in obj){
//語句
}
這里var p表示聲明的一個(gè)變量,用以存儲(chǔ)對(duì)象obj的屬性(方法)名稱,有了對(duì)象名和屬性(方法)名,就可以使用方括號(hào)語法來調(diào)用一個(gè)對(duì)象的屬性(方法):
for(var p in obj){
if(typeof(obj[p]=="function"){
obj[p]();
}else{
alert(obj[p]);
}
}
這段語句遍歷obj對(duì)象的所有屬性和方法,遇到屬性則彈出它的值,遇到方法則立刻執(zhí)行。在后面可以看到,在面向?qū)ο蟮腏avaScript程序設(shè)計(jì)中,反射機(jī)制是很重要的一種技術(shù),它在實(shí)現(xiàn)類的繼承中發(fā)揮了很大的作用。
使用反射來傳遞樣式參數(shù)
在Ajax編程中,經(jīng)常要能動(dòng)態(tài)的改變界面元素的樣式,這可以通過對(duì)象的style屬性來改變,比如要改變背景色為紅色,可以這樣寫:
element.style.backgroundColor="#ff0000";
其中style對(duì)象有很多屬性,基本上CSS里擁有的屬性在JavaScript中都能夠使用。如果一個(gè)函數(shù)接收參數(shù)用用指定一個(gè)界面元素的樣式,顯然一個(gè)或幾個(gè)參數(shù)是不能符合要求的,下面是一種實(shí)現(xiàn):
function setStyle(_style){
//得到要改變樣式的界面對(duì)象
var element=getElement();
element.style=_style;
}
這樣,直接將整個(gè)style對(duì)象作為參數(shù)傳遞了進(jìn)來,一個(gè)style對(duì)象可能的形式是:
var style={
color:#ffffff,
backgroundColor:#ff0000,
borderWidth:2px
}
這時(shí)可以這樣調(diào)用函數(shù):
setStyle(style);
或者直接寫為:
setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});
這段代碼看上去沒有任何問題,但實(shí)際上,在setStyle函數(shù)內(nèi)部使用參數(shù)_style為element.style賦值時(shí),如果element原先已經(jīng)有了一定的樣式,例如曾經(jīng)執(zhí)行過:
element.style.height="20px";
而_style中卻沒有包括對(duì)height的定義,因此element的height樣式就丟失了,不是最初所要的結(jié)果。要解決這個(gè)問題,可以用反射機(jī)制來重寫setStyle函數(shù):
function setStyle(_style){
//得到要改變樣式的界面對(duì)象
var element=getElement();
for(var p in _style){
element.style[p]=_style[p];
}
}
程序中遍歷_style的每個(gè)屬性,得到屬性名稱,然后再使用方括號(hào)語法將element.style中的對(duì)應(yīng)的屬性賦值為_style中的相應(yīng)屬性的值。從而,element中僅改變指定的樣式,而其他樣式不會(huì)改變,得到了所要的結(jié)果。
相關(guān)文章
ASP.NET配合jQuery解決跨域調(diào)用的問題
這篇文章主要介紹了ASP.NET配合jQuery解決跨域調(diào)用的問題,簡(jiǎn)單實(shí)用,需要的朋友可以參考下。2016-06-06
asp.net 驗(yàn)證碼的簡(jiǎn)單制作(vb.net+C#)
asp.net中實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼的方法,需要的朋友可以參考下2012-05-05
.Net筆記:System.IO之windows文件操作的深入分析
本篇文章是對(duì).Net中windows文件操作的使用進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05
URL重寫及干掉ASP.NET試圖狀態(tài)的實(shí)現(xiàn)方法
URL重寫已經(jīng)很普遍了,但基本上大部分的URL重寫都不支持頁面的相對(duì)路徑,所有如果想在已經(jīng)開發(fā)好的項(xiàng)目中添加還是有壓力的,第二就是例如微軟的那個(gè)URL重寫是根據(jù)正則表達(dá)式來處理的,那樣是很好,但也有不足之處,就是不方便定位到某個(gè)頁面只能有哪些參數(shù)2011-11-11
C#反射實(shí)例學(xué)習(xí)及注意內(nèi)容
C#反射的入門學(xué)習(xí)首先要明白C#反射提供了封裝程序集、模塊和類型的對(duì)象等等需要的朋友可以參考下2012-12-12

