深入認識javascript中的eval函數（轉）

文章寫得很好。

轉自：

http://www.enjoyphp.com/2009/05/25/javascript/js-eval/

先來說eval的用法，内容比較簡單，熟悉的可以跳過。

eval函數接收一個參數s，如果s不是字元串，則直接傳回s。否則執行s語句。如果s語句執行結果是一個值，則傳回此值，否則傳回undefined。

需要特别注意的是對象聲明文法“{}”并不能傳回一個值，需要用括号括起來才會傳回值，簡單示例如下：

? [Copy to clipboard] View Code JAVASCRIPT

1 2 3 4 5

var code1='"a" + 2'; //表達式 var code2='{a:2}'; //語句 alert(eval(code1)); //->'a2' alert(eval(code2)); //->undefined alert(eval('(' + code2 + ')')); //->[object Object]

可以看到，對于對象聲明語句來說，僅僅是執行，并不能傳回值。為了傳回常用的“{}”這樣的對象聲明語句，必須用括号包覆，以将其轉換為表達式，才能傳回其值。這也是使用JSON來進行Ajax開發的基本原理之一。在例子中可以清楚的看到，第二個alert語句輸出的是undefined，而第三個加了括号後輸出的是語句表示的對象。

現在來說本文的重點，如何在函數内執行全局代碼。為了說明這個問題，先看一個例子：

1 2 3 4 5 6

var s='global'; //定義一個全局變量 function demo1(){ eval('var s="local"'); } demo1(); alert(s); //->global

很好了解，上面的demo1函數等價于：function demo1(){var s=’local’;}，其中定義了一個局部變量s。

是以最後的輸出是global并不是什麼奇怪的事情，畢竟大家都能很清楚的區分局部變量和全局變量。

仔細體會一下，可以發現eval函數的特點，它總是在調用它的上下文變量空間（也稱為：包，closure）内執行，無論是變量定義還是函數定義都是如此，是以如下的代碼會産生函數未定義的錯誤：

1 2 3 4 5 6

var s='function test(){return 1;}'; //一個函數定義語句 function demo2(){ eval(s); } demo2(); alert(test()); //->error:test is not defined

這是因為test函數在局部空間定義，demo2函數内可以通路到，外面就通路不到了。

而在實際的Ajax開發中，有時我們需要從伺服器動态擷取代碼來執行，以減輕一次載入代碼過多的問題，或者是一些代碼是通過Javascript自身生成的，希望用eval函數來使其執行。

但這樣的動态擷取代碼的工作一般在函數内完成，比如：

1 2 3 4

function loadCode(){ var code=getCode(); eval(code); }

可見eval不可能在全局空間内執行，這就給開發帶來了不少問題，也看到過很多人為此郁悶。

不過現在偶終于找到了解決辦法，嘿嘿，可以同時相容IE和Firefox，方法如下：

1 2 3 4 5 6 7 8 9 10

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)方法，一個例子如下：

1 2 3 4 5 6

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

部落格園大道至簡

http://www.cnblogs.com/jams742003/

轉載請注明：部落格園