隨筆-9  評論-168  文章-266  trackbacks-0
          (1)介紹javascript中的eval函數的用法
          (2)如何在函數內執行全局代碼

          ?先來說eval的用法。
          eval函數接收一個參數s,如果s不是字符串,則直接返回s。否則執行s語句。如果s語句執行結果是一個值,則返回此值,否則返回undefined。
          需要特別注意的是對象聲明語法“{}”并不能返回一個值,需要用括號括起來才會返回值,簡單示例如下:

          var code1='"a" + 2'; //表達式
          var code2='{a:2}'; //語句
          alert(eval(code1)); //->'a2'
          alert(eval(code2)); //->undefined
          alert(eval('(' + code2 + ')')); //->[object Object]
          可以看到,對于對象聲明語句來說,僅僅是執行,并不能返回值。為了返回常用的“{}”這樣的對象聲明語句,必須用括號括住,以將其轉換為表達式,才能返回其值。這也是使用JSON來進行Ajax開發的基本原理之一。

          ?如何在函數內執行全局代碼。為了說明這個問題,先看一個例子:

          var s='global'; //定義一個全局變量
          function demo1(){
          eval('var s="local"');
          }
          demo1();
          alert(s); //->global
          很好理解,上面的demo1函數等價于:function demo1(){var s='local';},其中定義了一個局部變量s。
          所以最后的輸出是global并不是什么奇怪的事情,畢竟大家都能很清楚的區分局部變量和全局變量。
          仔細體會一下,可以發現eval函數的特點,它總是在調用它的上下文變量空間(也稱為:包,closure)內執行,無論是變量定義還是函數定義都是如此,所以如下的代碼會產生函數未定義的錯誤:

          var s='function test(){return 1;}'; //一個函數定義語句
          function demo2(){
          eval(s);
          }
          demo2();
          alert(test()); //->error:test is not defined
          這是因為test函數在局部空間定義,demo2函數內可以訪問到,外面就訪問不到了。

          而在實際的Ajax開發中,有時我們需要從服務器動態獲取代碼來執行,以減輕一次載入代碼過多的問題,或者是一些代碼是通過Javascript自身生成的,希望用eval函數來使其執行。
          但這樣的動態獲取代碼的工作一般在函數內完成,比如:

          function loadCode(){
          var code=getCode();   //可通過AJAX請求獲得
          eval(code);                  //加載JS等文件.
          }

          可見eval不可能在全局空間內執行,這就給開發帶來了不少問題。

          不過現在可以同時兼容IE和Firefox,方法如下:

          var X2={} //my namespace:)
          X2.Eval=function(code){
          if(!!(window.attachEvent && !window.opera)){  //瀏覽器識別
          //ie
          execScript(code);

          }else{
          //not ie
          window.eval(code);

          }

          }
          現在如果要想在函數內定義全局代碼,就可以通過調用X2.Eval(code)方法,一個例子如下:

          var s='global';
          function demo3(){
          X2.Eval('var s="local"');
          }
          demo3();
          alert(s); //->'local'
          可見,在demo3函數內重新定義了全局變量s="local"。
          需要注意的是X2.Eval并不返回值,如果要進行表達式的求值,還是用系統的eval函數。X2.Eval設計為僅做全局代碼定義用。

          (1)對于IE瀏覽器,默認已經提供了這樣的函數:execScript,用于在全局空間執行代碼,只是知道的人還不多。
          (2)對于Firefox瀏覽器,直接調用eval函數,則在調用者的空間執行;如果調用window.eval則在全局空間執行。

          Firefox的eval函數的特點的確是很令人奇怪的,但從javascript規范中倒也能找到其來源:

          If value of the eval property is used in any way other than a direct call (that is, other than by the explicit use of its
          name as an Identifier which is the MemberExpression in a CallExpression), or if the eval property is assigned to,
          an EvalError exception may be thrown.
          意思大概就是說eval函數的執行是和調用者相關的,但并沒有說其執行上下文的問題。所以IE和Firefox孰是孰非也就很難說了,大家知道解決辦法就好。
          posted on 2009-12-23 12:09 紫蝶∏飛揚↗ 閱讀(2735) 評論(3)  編輯  收藏 所屬分類: div+css+js代碼

          評論:
          # re: javascript中的局部/全局eval函數,IE/FIREFOX不同的處理[未登錄] 2010-05-04 11:30 | wind
          請問
          option = new Option(eval("n."+text),eval("n."+value));
          中的eval是不是在firefox中會出現undefined,怎么解決呢?  回復  更多評論
            
          # re: javascript中的局部/全局eval函數,IE/FIREFOX不同的處理 2010-05-11 14:02 | 紫蝶∏飛揚↗
          eval(a)后會出現underfined 有可能就是你的參數值a有問題.  回復  更多評論
            
          # re: javascript中的局部/全局eval函數,IE/FIREFOX不同的處理 2011-05-25 15:58 | nimo
          ff中eval比IE中運行慢很多,怎么解決?  回復  更多評論
            
          主站蜘蛛池模板: 彭州市| 什邡市| 山阴县| 余姚市| 汕尾市| 长乐市| 台安县| 北宁市| 新和县| 长子县| 大新县| 临朐县| 南通市| 花莲县| 临澧县| 珠海市| 天津市| 金沙县| 涟水县| 老河口市| 明光市| 贡山| 峡江县| 富蕴县| 涪陵区| 河源市| 吐鲁番市| 宁阳县| 湖州市| 内黄县| 砚山县| 天柱县| 临泽县| 宁波市| 都安| 黑河市| 河津市| 巴南区| 元谋县| 东乡| 阿拉尔市|