js中eval詳解

先來講eval的用法,內容比較簡單,熟悉的能夠跳過
 
eval函數接收一個參數s,若是s不是字符串,則直接返回s。不然執行s語句。若是s語句執行結果是一個值,則返回此值,不然返回undefined。
須要特別注意的是對象聲明語法「{}」並不能返回一個值,須要用括號括起來纔會返回值,簡單示例以下: 
var code1='"a" + 2'; //表達式 
varcode2='{a:2}'; //語句 
alert(eval(code1)); //->'a2' 
alert(eval(code2)); //->undefined 
alert(eval('(' + code2 + ')')); //->[object Object] 

可 以看到,對於對象聲明語句來講,僅僅是執行,並不能返回值。爲了返回經常使用的「{}」這樣的對象聲明語句,必須用括號括住,以將其轉換爲表達式,才能返回其 值。這也是使用JSON來進行Ajax開發的基本原理之一。在例子中能夠清楚的看到,第二個alert語句輸出的是undefined,而第三個加了括號 後輸出的是語句表示的對象。 javascript

如今來講本文的重點,如何在函數內執行全局代碼。爲了說明這個問題,先看一個例子: 
var s='global'; //定義一個全局變量 
function demo1(){ 
eval('var s="local"'); 
} 
demo1(); 
alert(s); //->global 

很好理解,上面的demo1函數等價於:function demo1(){var s='local';},其中定義了一個局部變量s。 java

因此最後的輸出是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(){ 
varcode=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_r(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孰是孰非也就很難說了,你們知道解決辦法就好。 

出處:http://www.jb51.net/article/30008.htmspa

相關文章
相關標籤/搜索