深刻認識javascript中的eval函數

分類：技術專區時間： 2007-5-21 15:04:58做者： supNate

發現爲本文起一個合適的標題還不是那麼容易，呵呵，因此在此先說明下本文的兩個目的：
（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來進行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孰是孰非也就很難說了，你們知道解決辦法就好。

原文地址： [url]http://www.x2blog.cn/supnate/#sid.1735/page.1/[/url]