JavaScript eval() 函數

定義和用法：eval() 函數可計算某個字符串，並執行其中的的 JavaScript 代碼。

語法：eval(string)

參數	描述
string	必需。要計算的字符串，其中含有要計算的 JavaScript 表達式或要執行的語句。

返回值：經過計算 string 獲得的值（若是有的話）。

說明：

該方法只接受原始字符串做爲參數，若是 string 參數不是原始字符串，那麼該方法將不做任何改變地返回。所以請不要爲 eval() 函數傳遞 String 對象來做爲參數。

若是試圖覆蓋 eval 屬性或把 eval() 方法賦予另外一個屬性，並經過該屬性調用它，則 ECMAScript 實現容許拋出一個 EvalError 異常。

拋出

若是參數中沒有合法的表達式和語句，則拋出 SyntaxError 異常。

若是非法調用 eval()，則拋出 EvalError 異常。

若是傳遞給 eval() 的 Javascript 代碼生成了一個異常，eval() 將把該異常傳遞給調用者。

提示和註釋

提示：雖然 eval() 的功能很是強大，但在實際使用中用到它的狀況並很少。

實例

例子 1

在本例中，咱們將在幾個字符串上運用 eval()，並看看返回的結果：

<script type="text/javascript">
　　eval("x=10;y=20;document.write(x*y)")
　　document.write(eval("2+2"))
　　var x=10
　　document.write(eval(x+17))
</script>

輸出：

200
4
27

例子 2

看一下在其餘狀況中，eval() 返回的結果：

eval("2+3")    // 返回 5
var myeval = eval;    // 可能會拋出 EvalError 異常
myeval("2+3");    // 可能會拋出 EvalError 異常

可使用下面這段代碼來檢測 eval() 的參數是否合法：

try  {
     alert("Result:" + eval(prompt("Enter an expression:","")));
     }

catch(exception) {
     alert(exception);
     }

/////////**************************************************************//////////

須要特別注意的是對象聲明語法「{}」並不能返回一個值，須要用括號括起來纔會返回值，簡單示例以下： 

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

可 以看到，對於對象聲明語句來講，僅僅是執行，並不能返回值。爲了返回經常使用的「{}」這樣的對象聲明語句，必須用括號括住，以將其轉換爲表達式，才能返回其 值。這也是使用JSON來進行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(){ 
    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孰是孰非也就很難說了，你們知道解決辦法就好。