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

什么是反射機(jī)制

　　 反射機(jī)制指的是程序在運(yùn)行時(shí)能夠獲取自身的信息。例如一個(gè)對象能夠在運(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ǔ)對象obj的屬性（方法）名稱，有了對象名和屬性（方法）名，就可以使用方括號語法來調(diào)用一個(gè)對象的屬性（方法）：

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

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

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

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中卻沒有包括對height的定義，因此element的height樣式就丟失了，不是最初所要的結(jié)果。要解決這個(gè)問題，可以用反射機(jī)制來重寫setStyle函數(shù)：