Javascript中eval函數(shù)的使用方法與示例
定義和用法 eval() 函數(shù)可計(jì)算某個(gè)字符串,并執(zhí)行其中的的 JavaScript 代碼。
語(yǔ)法 eval(string) 參數(shù) 描述 string 必需。要計(jì)算的字符串,其中含有要計(jì)算的 JavaScript 表達(dá)式或要執(zhí)行的語(yǔ)句。 返回值 通過(guò)計(jì)算 string 得到的值(如果有的話)。
說(shuō)明 該方法只接受原始字符串作為參數(shù),如果 string 參數(shù)不是原始字符串,那么該方法將不作任何改變地返回。因此請(qǐng)不要為 eval() 函數(shù)傳遞 String 對(duì)象來(lái)作為參數(shù)。
如果試圖覆蓋 eval 屬性或把 eval() 方法賦予另一個(gè)屬性,并通過(guò)該屬性調(diào)用它,則 ECMAScript 實(shí)現(xiàn)允許拋出一個(gè) EvalError 異常。
拋出 如果參數(shù)中沒(méi)有合法的表達(dá)式和語(yǔ)句,則拋出 SyntaxError 異常。
如果非法調(diào)用 eval(),則拋出 EvalError 異常。
如果傳遞給 eval() 的 Javascript 代碼生成了一個(gè)異常,eval() 將把該異常傳遞給調(diào)用者。
提示和注釋 提示:雖然 eval() 的功能非常強(qiáng)大,但在實(shí)際使用中用到它的情況并不多。
下面為大家分享一個(gè)常用的小例子:
<SCRIPT language="javascript"> function showsubmenu(sid) { whichEl = eval("submenu" + sid); if (whichEl.style.display == "none") { eval("submenu" + sid + ".style.display=\"\";"); } else { eval("submenu" + sid + ".style.display=\"none\";"); } } </SCRIPT>
Eval 函數(shù)
功能:先解釋Javascript代碼,然后在執(zhí)行它
用法:Eval(codeString)
codeString是包含有Javascript語(yǔ)句的字符串,在eval之后使用Javascript引擎編譯。
舉個(gè)小例子:
var the_unevaled_answer = "2 + 3";
var the_evaled_answer = eval("2 + 3");
alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer);
如果你運(yùn)行這段eval程序, 你將會(huì)看到在JavaScript里字符串"2 + 3"實(shí)際上被執(zhí)行了。所以當(dāng)你把the_evaled_answer的值設(shè)成 eval("2 + 3")時(shí), JavaScript將會(huì)明白并把2和3的和返回給the_evaled_answer。
這個(gè)看起來(lái)似乎有點(diǎn)傻,其實(shí)可以做出很有趣的事。比如使用eval你可以根據(jù)用戶的輸入直接創(chuàng)建函數(shù)。這可以使程序根據(jù)時(shí)間或用戶輸入的不同而使程序本身發(fā)生變化,通過(guò)舉一反
三,你可以獲得驚人的效果。
在實(shí)際中,eval很少被用到,但也許你見(jiàn)過(guò)有人使用eval來(lái)獲取難以索引的對(duì)象。 文檔對(duì)象模型(DOM)的問(wèn)題之一是:有時(shí)你要獲取你要求的對(duì)象簡(jiǎn)直就是痛苦。例如,這里有一個(gè)函數(shù)詢問(wèn)用戶要變換哪個(gè)圖象:變換哪個(gè)圖象你可以用下面這個(gè)函數(shù):
function swapOne() { var the_image = prompt("change parrot or cheese",""); var the_image_object; if (the_image == "parrot") { the_image_object = window.document.parrot; } else { the_image_object = window.document.cheese; } the_image_object.src = "ant.gif"; }
連同這些image標(biāo)記:
<img src="/stuff3a/parrot.gif" name="parrot" />
<img src="/stuff3a/cheese.gif" name="cheese">
請(qǐng)注意象這樣的幾行語(yǔ)句:
the_image_object = window.document.parrot;
它把一個(gè)圖象對(duì)象敷給了一個(gè)變量。雖然看起來(lái)有點(diǎn)兒奇怪,它在語(yǔ)法上卻毫無(wú)問(wèn)題。但當(dāng)你有100個(gè)而不是兩個(gè)圖象時(shí)怎么辦?你只好寫(xiě)上一大堆的 if-then-else語(yǔ)句,要是能象這樣就好了:
function swapTwo() { var the_image = prompt("change parrot or cheese",""); window.document.the_image.src = "ant.gif"; }
不幸的是, JavaScript將會(huì)尋找名字叫 the_image而不是你所希望的"cheese"或者"parrot"的圖象,于是你得到了錯(cuò)誤信息:”沒(méi)聽(tīng)說(shuō)過(guò)一個(gè)名為the_image的對(duì)象”。
還好,eval能夠幫你得到你想要的對(duì)象。
function simpleSwap() { var the_image = prompt("change parrot or cheese",""); var the_image_name = "window.document." + the_image; var the_image_object = eval(the_image_name); the_image_object.src = "ant.gif"; }
如果用戶在提示框里填入"parrot",在第二行里創(chuàng)建了一個(gè)字符串即window.document.parrot. 然后包含了eval的第三行意思是: "給我對(duì)象window.document.parrot" - 也就是你要的那個(gè)圖象對(duì)象。一旦你獲取了這個(gè)圖象對(duì)象,你可以把它的src屬性設(shè)為ant.gif. 有點(diǎn)害怕?用不著。其實(shí)這相當(dāng)有用,人們也經(jīng)常使用它。
- js中對(duì)函數(shù)設(shè)置默認(rèn)參數(shù)值的3種方法
- JavaScript函數(shù)的4種調(diào)用方法詳解
- js 把字符串當(dāng)函數(shù)執(zhí)行的方法
- 顯示js對(duì)象所有屬性和方法的函數(shù)
- Javascript 判斷是否存在函數(shù)的方法
- js中匿名函數(shù)的創(chuàng)建與調(diào)用方法分析
- javascript定義函數(shù)的方法
- js function定義函數(shù)的幾種不錯(cuò)方法
- JS簡(jiǎn)單判斷函數(shù)是否存在的方法
- JavaScript基礎(chǔ)系列之函數(shù)和方法詳解
相關(guān)文章
JavaScript中的typeof操作符用法實(shí)例
在Web前端開(kāi)發(fā)中,我們經(jīng)常需要判斷變量的數(shù)據(jù)類(lèi)型。鑒于ECMAScript是松散類(lèi)型的,因此需要有一種手段來(lái)檢測(cè)給定變量的數(shù)據(jù)類(lèi)型——typeof就是負(fù)責(zé)提供這方便信息的操作符。2014-04-04JavaScript?Hoisting變量提升機(jī)制實(shí)例解析
這篇文章主要為大家介紹了JavaScript變量提升Hoisting機(jī)制實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作
這篇文章主要介紹了JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作的方法,用于向HTML元素中添加事件,需要的朋友可以參考下2015-10-10JavaScript中用于生成隨機(jī)數(shù)的Math.random()方法
這篇文章主要介紹了JavaScript中用于生成隨機(jī)數(shù)的Math.random()方法,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06舉例說(shuō)明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值
這篇文章主要介紹了舉例說(shuō)明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值,參數(shù)默認(rèn)值的設(shè)置是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11有關(guān)于JS輔助函數(shù)inherit()的問(wèn)題
本篇為大家介紹有關(guān)于JS輔助函數(shù)inherit()的一些問(wèn)題。2013-04-04