自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

如何在JavaScript函數(shù)內(nèi)執(zhí)行全局代碼

開發(fā) 前端
本文將介紹如何在JavaScript函數(shù)內(nèi)執(zhí)行全局代碼,也就是eval函數(shù)的用法。包括簡單的說明以及具體的實例,希望對大家有所幫助。

先來說eval的用法,內(nèi)容比較簡單,熟悉的可以跳過。

eval函數(shù)接收一個參數(shù)s,如果s不是字符串,則直接返回s。否則執(zhí)行s語句。如果s語句執(zhí)行結(jié)果是一個值,則返回此值,否則返回undefined。

需要特別注意的是對象聲明語法“{}”并不能返回一個值,需要用括號括起來才會返回值,簡單示例如下:

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

可以看到,對于對象聲明語句來說,僅僅是執(zhí)行,并不能返回值。為了返回常用的“{}”這樣的對象聲明語句,必須用括號括住,以將其轉(zhuǎn)換為表達式,才能返回其值。這也是使用JSON來進行Ajax開發(fā)的基本原理之一。在例子中可以清楚的看到,第二個alert語句輸出的是undefined,而第三個加了括號后輸出的是語句表示的對象。

現(xiàn)在來說本文的重點,如何在函數(shù)內(nèi)執(zhí)行全局代碼。為了說明這個問題,先看一個例子:

var s='global'; //定義一個全局變量
function demo1(){
eval('var s="local"');
}
demo1();
alert(s); //->global

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

所以***的輸出是global并不是什么奇怪的事情,畢竟大家都能很清楚的區(qū)分局部變量和全局變量。

仔細體會一下,可以發(fā)現(xiàn)eval函數(shù)的特點,它總是在調(diào)用它的上下文變量空間(也稱為:包,closure)內(nèi)執(zhí)行,無論是變量定義還是函數(shù)定義都是如此,所以如下的代碼會產(chǎn)生函數(shù)未定義的錯誤:

var s='function test(){return 1;}'; //一個函數(shù)定義語句
function demo2(){
eval(s);
}
demo2();
alert(test()); //->error:test is not defined

這是因為test函數(shù)在局部空間定義,demo2函數(shù)內(nèi)可以訪問到,外面就訪問不到了。

而在實際的Ajax開發(fā)中,有時我們需要從服務器動態(tài)獲取代碼來執(zhí)行,以減輕一次載入代碼過多的問題,或者是一些代碼是通過Java  script  自身生成的,希望用eval函數(shù)來使其執(zhí)行。

但這樣的動態(tài)獲取代碼的工作一般在函數(shù)內(nèi)完成,比如:

function loadCode(){
var code=getCode();
eval(code);
}

可見eval不可能在全局空間內(nèi)執(zhí)行,這就給開發(fā)帶來了不少問題,也看到過很多人為此郁悶。

不過現(xiàn)在偶終于找到了解決辦法,嘿嘿,可以同時兼容IE和Firefox,方法如下:

var X2={} //my namespace:)
X2.Eval=function(code){
if(!!(window.attachEvent && !window.opera)){
//ie
exec  script  (code);
}else{
//not ie
window.eval(code);
}
}

現(xiàn)在如果要想在函數(shù)內(nèi)定義全局代碼,就可以通過調(diào)用X2.Eval(code)方法,一個例子如下:

var s='global';
function demo3(){
X2.Eval('var s="local"');
}
demo3();
alert(s); //->'local'

可見,在demo3函數(shù)內(nèi)重新定義了全局變量s="local"。

需要注意的是X2.Eval并不返回值,如果要進行表達式的求值,還是用系統(tǒng)的eval函數(shù)。X2.Eval設(shè)計為僅做全局代碼定義用。

其實看到這里,或許有人感覺問題也太容易解決了點,呵呵,但發(fā)現(xiàn)這個辦法倒是需要些運氣和技巧的:

(1)對于IE瀏覽器,默認已經(jīng)提供了這樣的函數(shù):exec  script  ,用于在全局空間執(zhí)行代碼,只是知道的人還不多。

(2)對于Firefox瀏覽器,直接調(diào)用eval函數(shù),則在調(diào)用者的空間執(zhí)行;如果調(diào)用window.eval則在全局空間執(zhí)行。這個知道的人估計就更少了。畢竟alert(eval==window.eval)返回true!

Firefox的eval函數(shù)的特點的確是很令人奇怪的,但從java  script  規(guī)范中倒也能找到其來源:

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函數(shù)的執(zhí)行是和調(diào)用者相關(guān)的,但并沒有說其執(zhí)行上下文的問題。所以IE和Firefox孰是孰非也就很難說了,大家知道解決辦法就好。

【編輯推薦】

  1. Javascript利用閉包循環(huán)綁定事件
  2. 利用JSON在JavaScript中實現(xiàn)枚舉
  3. JavaScript解析Json字符串 眾瀏覽器性能比較
責任編輯:彭凡 來源: blogbus
相關(guān)推薦

2017-04-13 10:46:14

Webpack執(zhí)行代碼分割

2022-07-07 07:22:01

瀏覽器JavaScript工具

2021-12-09 10:24:47

Javascript 高階函數(shù)前端

2024-10-17 08:36:31

2022-09-16 08:32:25

JavaC++語言

2023-06-05 16:38:51

JavaScript編程語言V8

2020-08-02 23:56:34

JavaScript函數(shù)代碼

2024-06-25 10:37:11

2022-10-13 00:03:00

JavaScripSQL函數(shù)

2021-03-11 23:43:20

JavaScript數(shù)組開發(fā)

2021-03-18 10:45:02

JavaScript數(shù)組運算符

2022-01-21 10:58:39

JavaScriptGolangPython

2024-10-22 15:10:49

2021-06-14 09:26:46

VMwareHCI數(shù)據(jù)中心

2020-10-26 10:11:45

Jupyter Not早起Python開發(fā)

2020-12-07 06:38:32

JavaScriptEval 函數(shù)

2010-09-09 11:37:45

SQL函數(shù)HTML

2020-06-17 17:29:11

BashLinux

2014-03-20 10:31:02

Linuxbin

2023-04-04 07:52:26

RedisLua腳本
點贊
收藏

51CTO技術(shù)棧公眾號