AJAX JavaScript反射機制的介紹
什么是反射機制
反射機制指的是程序在運行時能夠獲取自身的信息。例如一個對象能夠在運行時知道自己有哪些方法和屬性。
在JavaScript中利用for(…in…)語句實現(xiàn)反射
在JavaScript中有一個很方便的語法來實現(xiàn)反射,即for(…in…)語句,其語法如下:
for(var p in obj){
//語句
}
這里var p表示聲明的一個變量,用以存儲對象obj的屬性(方法)名稱,有了對象名和屬性(方法)名,就可以使用方括號語法來調用一個對象的屬性(方法):
for(var p in obj){
if(typeof(obj[p]=="function"){
obj[p]();
}else{
alert(obj[p]);
}
}
這段語句遍歷obj對象的所有屬性和方法,遇到屬性則彈出它的值,遇到方法則立刻執(zhí)行。在后面可以看到,在面向對象的JavaScript程序設計中,反射機制是很重要的一種技術,它在實現(xiàn)類的繼承中發(fā)揮了很大的作用。
使用反射來傳遞樣式參數(shù)
在Ajax編程中,經(jīng)常要能動態(tài)的改變界面元素的樣式,這可以通過對象的style屬性來改變,比如要改變背景色為紅色,可以這樣寫:
element.style.backgroundColor="#ff0000";
其中style對象有很多屬性,基本上CSS里擁有的屬性在JavaScript中都能夠使用。如果一個函數(shù)接收參數(shù)用用指定一個界面元素的樣式,顯然一個或幾個參數(shù)是不能符合要求的,下面是一種實現(xiàn):
function setStyle(_style){
//得到要改變樣式的界面對象
var element=getElement();
element.style=_style;
}
這樣,直接將整個style對象作為參數(shù)傳遞了進來,一個style對象可能的形式是:
var style={
color:#ffffff,
backgroundColor:#ff0000,
borderWidth:2px
}
這時可以這樣調用函數(shù):
setStyle(style);
或者直接寫為:
setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});
這段代碼看上去沒有任何問題,但實際上,在setStyle函數(shù)內部使用參數(shù)_style為element.style賦值時,如果element原先已經(jīng)有了一定的樣式,例如曾經(jīng)執(zhí)行過:
element.style.height="20px";
而_style中卻沒有包括對height的定義,因此element的height樣式就丟失了,不是最初所要的結果。要解決這個問題,可以用反射機制來重寫setStyle函數(shù):
function setStyle(_style){
//得到要改變樣式的界面對象
var element=getElement();
for(var p in _style){
element.style[p]=_style[p];
}
}
程序中遍歷_style的每個屬性,得到屬性名稱,然后再使用方括號語法將element.style中的對應的屬性賦值為_style中的相應屬性的值。從而,element中僅改變指定的樣式,而其他樣式不會改變,得到了所要的結果。
相關文章
Asp.net core Web Api配置swagger中文的實現(xiàn)
swagger是一個api文檔自動生動工具,還集成了在線調試. 可以為項目自動生成接口文檔, 非常的方便快捷,具有一定的參考價值,感興趣的可以了解一下2023-09-09
MVC4制作網(wǎng)站教程第三章 修改用戶組操作3.3
這篇文章主要為大家詳細介紹了MVC4制作網(wǎng)站教程,修改用戶組功能的實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08
GridView_RowUpdating取不到新值的解決方法
GridView_RowUpdating取不到新值的解決方法,需要的朋友可以參考一下2013-05-05
ASP.NET?Core實現(xiàn)動態(tài)獲取文件并下載
這篇文章介紹了ASP.NET?Core實現(xiàn)動態(tài)獲取文件并下載的方法,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-01-01

