深入認識javascript中的eval函數(shù)

更新時間：2009年11月02日 17:16:48 作者：

發(fā)現(xiàn)為本文起一個合適的標題還不是那么容易，呵呵，所以在此先說明下本文的兩個目的.

1）介紹javascript中的eval函數(shù)的用法
（2）如何在函數(shù)內執(zhí)行全局代碼

►先來說eval的用法，內容比較簡單，熟悉的可以跳過。
eval函數(shù)接收一個參數(shù)s，如果s不是字符串，則直接返回s。否則執(zhí)行s語句。如果s語句執(zhí)行結果是一個值，則返回此值，否則返回undefined。
需要特別注意的是對象聲明語法“{}”并不能返回一個值，需要用括號括起來才會返回值，簡單示例如下：

復制代碼代碼如下:

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

可以看到，對于對象聲明語句來說，僅僅是執(zhí)行，并不能返回值。為了返回常用的“{}”這樣的對象聲明語句，必須用括號括住，以將其轉換為表達式，才能返回其值。這也是使用JSON來進行Ajax開發(fā)的基本原理之一。在例子中可以清楚的看到，第二個alert語句輸出的是undefined，而第三個加了括號后輸出的是語句表示的對象。
►現(xiàn)在來說本文的重點，如何在函數(shù)內執(zhí)行全局代碼。為了說明這個問題，先看一個例子：

復制代碼代碼如下:

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

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

復制代碼代碼如下:

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

這是因為test函數(shù)在局部空間定義，demo2函數(shù)內可以訪問到，外面就訪問不到了。

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

復制代碼代碼如下:

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

可見eval不可能在全局空間內執(zhí)行，這就給開發(fā)帶來了不少問題，也看到過很多人為此郁悶。
不過現(xiàn)在偶終于找到了解決辦法，嘿嘿，可以同時兼容IE和Firefox，方法如下：

復制代碼代碼如下:

 
var X2={} //my namespace:) 
X2.Eval=function(code){ 
if(!!(window.attachEvent && !window.opera)){ 
//ie 
execScript(code); 
}else{ 
//not ie 
window.eval(code); 
} 
} 

現(xiàn)在如果要想在函數(shù)內定義全局代碼，就可以通過調用X2.Eval(code)方法，一個例子如下：

復制代碼代碼如下:

 
var s='global'; 
function demo3(){ 
X2.Eval('var s="local"'); 
} 
demo3(); 
alert(s); //->'local' 

可見，在demo3函數(shù)內重新定義了全局變量s="local"。
需要注意的是X2.Eval并不返回值，如果要進行表達式的求值，還是用系統(tǒng)的eval函數(shù)。X2.Eval設計為僅做全局代碼定義用。
其實看到這里，或許有人感覺問題也太容易解決了點，呵呵，但發(fā)現(xiàn)這個辦法倒是需要些運氣和技巧的：
（1）對于IE瀏覽器，默認已經(jīng)提供了這樣的函數(shù)：execScript，用于在全局空間執(zhí)行代碼，只是知道的人還不多。
（2）對于Firefox瀏覽器，直接調用eval函數(shù)，則在調用者的空間執(zhí)行；如果調用 window.eval則在全局空間執(zhí)行。這個知道的人估計就更少了。畢竟alert(eval==window.eval)返回true！
Firefox的eval函數(shù)的特點的確是很令人奇怪的，但從javascript規(guī)范中倒也能找到其來源：
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函數(shù)的執(zhí)行是和調用者相關的，但并沒有說其執(zhí)行上下文的問題。所以IE和Firefox孰是孰非也就很難說了，大家知道解決辦法就好。

您可能感興趣的文章: