歡迎您光臨本站 註冊首頁

深入認識javascript中的eval函數

←手機掃碼閱讀     火星人 @ 2014-03-09 , reply: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 <http://www.x2blog.cn/supnate/?tid=3414>來進行Ajax開發的基本原理之一.在例子中可以清楚的看到,第二個alert語句輸出的是undefined,而第三個加了括弧后輸出的是語句表示的對象.

  ?現在來說本文的重點,如何在函數內執行全局代碼.為了說明這個問題,先看一個例子:

  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();

  eval(code);

  }

  可見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則在全局空間執行.這個知道的人估計就更少了.畢竟alert(eval==window.eval)返回true!

  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孰是孰非也就很難說了,大家知道解決辦法就好.


[火星人 ] 深入認識javascript中的eval函數已經有1007次圍觀

http://coctec.com/docs/java/show-post-60125.html