JavaScript常用函數之Eval()使用

eval()

功能:首先解釋Javascript代碼? 然后執行它

用法:Eval(codeString) codeString是包含有javascript語句的字符串,在eval之后使用Javascript引擎編譯。即:eval函數可以把一個字符串當作一個javascript表達式一樣去執行它。

eval可以將字符串生成語句執行,和SQL的exec()類似。

使用場合:預先不知道要執行什么語句,只有當條件和參數給時才知道執行什么語句,這時候evaluate就派上用場了。

eg1:

  var theEval1="2+3";

  var theresult=eval("2+3");

  alert("the Eval1 result is:"+theEval1+"and the result is:"+theresult);

如果運行程序看到結果,字符串“2+3”被執行了。得到結果5.

例子:eval(id?+?"_icon.src="/imgs/collapse_up.gif'");
????????????id是之前設定的參數,而在雙引號中的字符串則是需要編譯的
????????????引用:
????????????--------------------------------------------------------------------------------
????????????function?tophide(id)?????//id?indicates?menu
????????????{
?????????????????if?(top.topframeset.rows?==?"31,*")
?????????????????{
?????????????????????top.topframeset.rows?=?"86,*";
?????????????????????eval(id?+?"_icon.src="/imgs/collapse_up.gif'");
?????????????????????eval(id?+?"_icon.alt='Collapse?The?Head'");
?????????????????????head.style.display?=?"block"
?????????????????????}
?????????????????else
?????????????????{
?????????????????????top.topframeset.rows?=?"31,*";
?????????????????????eval(id?+?"_icon.src="/imgs/collapse_down.gif'");
?????????????????????eval(id?+?"_icon.alt='Expand?The?Head'");
?????????????????????head.style.display?=?"none"
?????????????????}?
????????????}
????????????如果還是不明白深入認識javascript中的eval函數
??????????

????????????發現為本文起一個合適的標題還不是那么容易,呵呵,所以在此先說明下本文的兩個目的:
????????????(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孰是孰非也就很難說了,大家知道解決辦法就好

?

轉載于:https://www.cnblogs.com/bianyuanzhe/p/5969837.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/254191.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/254191.shtml
英文地址,請注明出處:http://en.pswp.cn/news/254191.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

初探數位dp

前言:這是蒟蒻第一次寫算法系列,請諸位大佬原諒文筆與排版。 一、導入 在刷題的時候,我們有時會見到這樣一類問題:在區間$[l,r]$內,共有多少個整數滿足某種條件。如果$l$和$r$間的差很小,我們可以考慮暴力枚…

Java演示手機發送短信驗證碼功能實現

我們這里采用阿里大于的短信API 第一步:登陸阿里大于,下載阿里大于的SDK a、在阿里大于上創建自己的應用 b、點擊配置管理中的驗證碼,先添加簽名,再配置短信模板 第二步:解壓相關SDK,第一個為jar包&#xf…

使用標定板對相機位姿進行估計

使用標定板幾個特定的點,來對相機相對標定板平面進行位姿估計。 首先進行相機的畸變校正,之后同個各個標定板間的圓點距離進行位姿估計。 gen_caltab (7, 7, 0.002, 0.5, C:/Users/22967/Desktop/新建文件夾/111.descr, C:/Users/22967/Desktop/新建文件…

音、視頻文件格式

* 說明:首先要分清楚 媒體文件和編碼的區別:文件是既包括視頻又包括音頻、甚至還帶有腳本的一個集合,也可以叫容器;文件當中的視頻和音頻的壓縮算法才是具體的編碼。 *AVI音視頻交互存儲,最常見的音頻視頻容器。支持的…

ELK日志分析系統(轉)

原創作品,允許轉載,轉載時請務必以超鏈接形式標明文章 原始出處 、作者信息和本聲明。否則將追究法律責任。http://467754239.blog.51cto.com/4878013/1700828大綱: 一、簡介 二、Logstash 三、Redis 四、Elasticsearch 五、Kinaba 一、簡介 …

Glide使用總結

首先&#xff0c;添加依賴 implementation com.github.bumptech.glide:glide:4.5.0 annotationProcessor com.github.bumptech.glide:compiler:4.5.0之后添加訪問網絡權限 <uses-permission android:name"android.permission.INTERNET" />一、常用的方法 1、加…

流行的音頻編碼標準

speech codec (G.711, G.723, G.726, G.729, iLBC) 各種各樣的編解碼在各種領域得到廣泛的應用&#xff0c;下面就把各種codec的壓縮率進行一下比較&#xff0c;不正確之處望各位同行指正。 Speech codec&#xff1a; 現主要有的speech codec 有: G.711, G.723, G.726 , G…

【angularjs】使用angular搭建項目,pc端實現網頁中的內容不可復制

實現目標&#xff1a;不可復制頁面內容 js:          <script language"javascript"> if (typeof(document.onselectstart) ! "undefined") { // IE下禁止元素被選取 document.onselectstart function (event){if(event.targe…

DIV+CSS如何讓文字垂直居中?

在說到這個問題的時候&#xff0c;也許有人會問CSS中不是有vertical-align屬性來設置垂直居中的嗎&#xff1f;即使是某些瀏覽器不支持我只需做少許的CSS Hack技術就可以啊&#xff01;所以在這里我還要啰嗦兩句&#xff0c;CSS中的確是有vertical-align屬性&#xff0c;但是它…

Segments POJ 3304 直線與線段是否相交

題目大意&#xff1a;給出n條線段&#xff0c;問是否存在一條直線&#xff0c;使得n條線段在直線上的投影有至少一個公共點。 題目思路:如果假設成立&#xff0c;那么作該直線的垂線l&#xff0c;該垂線l與所有線段相交&#xff0c;且交點可為線段中的某兩個交點 證明&#xff…

Linux Socket編程(不限Linux)

“一切皆Socket&#xff01;” 話雖些許夸張&#xff0c;但是事實也是&#xff0c;現在的網絡編程幾乎都是用的socket。 ——有感于實際編程和開源項目研究。 我們深諳信息交流的價值&#xff0c;那網絡中進程之間如何通信&#xff0c;如我們每天打開瀏覽器瀏覽網頁時&#xff…

shell之計算文本中單詞出現頻率

2019獨角獸企業重金招聘Python工程師標準>>> Word Frequency&#xff08;https://leetcode.com/problems/word-frequency/description/&#xff09; Example: Assume that words.txt has the following content: the day is sunny the the the sunny is is Your scr…

一個halcon擬合直線的例子

read_image (hImage, E:/vs2012/halcon卡尺例程/白光碗光效果4.bmp) get_image_pointer1(hImage, Pointer, Type, Width, Height) *功能&#xff1a;獲取一個通道的指針&#xff0c;得到HTuple Pointer, Type, CurWidth, CurHeight dev_set_draw(margin) dev_set_color (green…

NLP數據挖掘基礎知識

Basis(基礎)&#xff1a; SSE(Sum of Squared Error, 平方誤差和)SAE(Sum of Absolute Error, 絕對誤差和)SRE(Sum of Relative Error, 相對誤差和)MSE(Mean Squared Error, 均方誤差)RMSE(Root Mean Squared Error, 均方根誤差)RRSE(Root Relative Squared Error, 相對平方根誤…

SQL Fundamentals || Oracle SQL語言

對于SQL語言&#xff0c;有兩個組成部分&#xff1a; DML&#xff08;data manipulation language&#xff09; 它們是SELECT、UPDATE、INSERT、DELETE&#xff0c;就象它的名字一樣&#xff0c;這4條命令是用來對數據庫里的數據進行操作的語言。 DDL&#xff08;data defini…

圓形卡尺測量后創建模板

read_image (Image, QQ圖片20201113111404.jpg) dev_close_window () dev_open_window_fit_image (Image, 0, 0, -1, -1, WindowHandle) dev_display (Image) rgb1_to_gray (Image,Image) ****創建模板階段 *大致找內圓 fast_threshold (Image, Region, 128, 255, 20) connecti…

fread函數和fwrite函數,read,write

fread函數和fwrite函數 1.函數功能 用來讀寫一個數據塊。 2.一般調用形式 fread(buffer,size,count,fp); fwrite(buffer,size,count,fp); 3.說明 &#xff08;1&#xff09;buffer&#xff1a;是一個指針&#xff0c;對fread來說&#xff0c;它是讀入數據的存放地址。對fwrit…

微信小程序 CSS filter(濾鏡)的使用示例

前言 之前在看七月老師的視頻的時候&#xff0c;看到了有一個樣式是-webkit-filter&#xff0c;不知道是什么&#xff08;我沒咋學過CSS&#xff0c;嘿嘿&#xff0c;所以不知道是啥&#xff09;&#xff0c;于是查了一下&#xff0c;原來是濾鏡吖。但是在微信小程序里使用的時…

vmware ubuntu重置root密碼

1.重啟ubuntu&#xff0c;按住shift&#xff08;開機啟動時&#xff09; 2.選擇recovery mode,enter 3.root選擇root drop to root shell prompt 4.進入shell界面設置密碼 (1)mount -rw -o remount / (2)passwd username(設置root用戶的密碼) 完成以上修改后&#xff0c;重啟就…