Ajax的JavaScript的反射機制

          Posted on 2007-02-01 11:07 網上ヤ飄 閱讀(367) 評論(1)  編輯  收藏 所屬分類: Ajax Web2.0

          什么是反射機制

             反射機制指的是程序在運行時能夠獲取程序元素的信息。例如一個對象能夠在運行時知道自己有哪些方法和屬性。

             在JavaScript中利用for(…in…)語句實現反射

             在JavaScript中有一個很方便的語法來實現反射,即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對象的所有屬性和方法,遇到屬性則彈出它的值,遇到方法則立刻執行。在后面可以看到,在面向對象的JavaScript程序設計中,反射機制是很重要的一種技術,它在實現類的繼承中發揮了很大的作用。

          使用反射來傳遞樣式參數

             在Ajax編程中,經常要能動態的改變界面元素的樣式,這可以通過對象的style屬性來改變,比如要改變背景色為紅色,可以這樣寫:

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

          function setStyle(_style){
          //得到要改變樣式的界面對象
          var element=getElement();
          element.style=_style;
          }
             這樣,直接將整個style對象作為參數傳遞了進來,一個style對象可能的形式是:

          var style={
          color:#ffffff,
          backgroundColor:#ff0000,
          borderWidth:2px
          }
             這時可以這樣調用函數:

          setStyle(style);
             或者直接寫為:

          setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});
             這段代碼看上去沒有任何問題,但實際上,在setStyle函數內部使用參數_style為element.style賦值時,如果element原先已經有了一定的樣式,例如曾經執行過:

          element.style.height="20px";
             而_style中卻沒有包括對height的定義,因此element的height樣式就丟失了,不是最初所要的結果。要解決這個問題,可以用反射機制來重寫setStyle函數:

          function setStyle(_style){
          //得到要改變樣式的界面對象
          var element=getElement();
          for(var p in _style){
          element.style[p]=_style[p];
          }
          }
             程序中遍歷_style的每個屬性,得到屬性名稱,然后再使用方括號語法將element.style中的對應的屬性賦值為_style中的相應屬性的值。從而,element中僅改變指定的樣式,而其他樣式不會改變,得到了所要的結果。

          ???? 雖然講得有點勉強,但總算能實現我們的需求

          Feedback

          # re: Ajax的JavaScript的反射機制  回復  更多評論   

          2009-03-04 10:04 by suplayer
          老子放哪里是給我自己看的

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          posts - 4, comments - 5, trackbacks - 0, articles - 0

          Copyright © 網上ヤ飄

          主站蜘蛛池模板: 沁源县| 通州区| 兴化市| 望江县| 贵阳市| 甘肃省| 西吉县| 黄龙县| 凯里市| 文昌市| 吉安市| 河南省| 新巴尔虎右旗| 准格尔旗| 修文县| 福建省| 保山市| 上饶市| 军事| 江都市| 武威市| 济南市| 武宣县| 扎赉特旗| 瑞金市| 米林县| 伽师县| 东辽县| 上虞市| 新乡县| 莎车县| 康乐县| 安平县| 翁牛特旗| 伊金霍洛旗| 利津县| 突泉县| 邯郸市| 林芝县| 湖南省| 屯留县|