當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
深入认识javascript中的eval函数
生活随笔
收集整理的這篇文章主要介紹了
深入认识javascript中的eval函数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?來源:http://wanyij.blog.51cto.com/46570/43794
?
發現為本文起一個合適的標題還不是那么容易,呵呵,所以在此先說明下本文的兩個目的:
(1)介紹javascript中的eval函數的用法
(2)如何在函數內執行全局代碼
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]
總結
以上是生活随笔為你收集整理的深入认识javascript中的eval函数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: javascript 强制类型转换
- 下一篇: java命名規范