發現爲本文起一個合適的標題還不是那麼容易,呵呵,所以在此先說明下本文的兩個目的:
(1)介紹javascript中的eval函數的用法
(2)如何在函數內執行全局代碼
eval函數接收一個參數s,如果s不是字符串,則直接返回s。否則執行s語句。如果s語句執行結果是一個值,則返回此值,否則返回undefined。
需要特別注意的是對象聲明語法“{}”並不能返回一個值,需要用括號括起來纔會返回值,簡單示例如下:
var code2='{a:2}'; //語句
alert(eval(code1)); //->'a2'
alert(eval(code2)); //->undefined
alert(eval('(' + code2 + ')')); //->[object Object]
function demo1(){
eval('var s="local"');
}
demo1();
alert(s); //->global
所以最後的輸出是global並不是什麼奇怪的事情,畢竟大家都能很清楚的區分局部變量和全局變量。
仔細體會一下,可以發現eval函數的特點,它總是在調用它的上下文變量空間(也稱爲:包,closure)內執行,無論是變量定義還是函數定義都是如此,所以如下的代碼會產生函數未定義的錯誤:
function demo2(){
eval(s);
}
demo2();
alert(test()); //->error:test is not defined
而在實際的Ajax開發中,有時我們需要從服務器動態獲取代碼來執行,以減輕一次載入代碼過多的問題,或者是一些代碼是通過Javascript自身生成的,希望用eval函數來使其執行。
但這樣的動態獲取代碼的工作一般在函數內完成,比如:
var code=getCode();
eval(code);
}
X2.Eval=function(code){
if(!!(window.attachEvent && !window.opera)){
//ie
execScript(code);
}else{
//not ie
window.eval(code);
}
}
function demo3(){
X2.Eval('var s="local"');
}
demo3();
alert(s); //->'local'
需要注意的是X2.Eval並不返回值,如果要進行表達式的求值,還是用系統的eval函數。X2.Eval設計爲僅做全局代碼定義用。
(1)對於IE瀏覽器,默認已經提供了這樣的函數:execScript,用於在全局空間執行代碼,只是知道的人還不多。
(2)對於Firefox瀏覽器,直接調用eval函數,則在調用者的空間執行;如果調用 window.eval則在全局空間執行。這個知道的人估計就更少了。畢竟alert(eval==window.eval)返回true!
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.