Javascript中eval函數(shù)的詳細(xì)用法與說(shuō)明
更新時(shí)間:2007年03月31日 00:00:00 作者:
JavaScript有許多小竅門來(lái)使編程更加容易。其中之一就是eval()函數(shù),這個(gè)函數(shù)可以把一個(gè)字符串當(dāng)作一個(gè)JavaScript表達(dá)式一樣去執(zhí)行它。以下是它的說(shuō)明
Eval 函數(shù)
功能:先解釋Javascript代碼,然后在執(zhí)行它
用法:Eval(codeString)
codeString是包含有Javascript語(yǔ)句的字符串,在eval之后使用Javascript引擎編譯。
舉個(gè)小例子:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
如果你運(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)常使用它。
Eval 函數(shù)
功能:先解釋Javascript代碼,然后在執(zhí)行它
用法:Eval(codeString)
codeString是包含有Javascript語(yǔ)句的字符串,在eval之后使用Javascript引擎編譯。
舉個(gè)小例子:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
如果你運(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ù):
復(fù)制代碼 代碼如下:
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ǔ)句,要是能象這樣就好了:
復(fù)制代碼 代碼如下:
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ì)象。
復(fù)制代碼 代碼如下:
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)常使用它。
相關(guān)文章
javascript 變速加數(shù)功能實(shí)現(xiàn)代碼
試想一下你要在你的網(wǎng)站提供如下這樣的功能:提供一個(gè)文本框用于收集用戶數(shù)據(jù),這個(gè)文本框只能接受整型的數(shù)值,不提供給用戶手工輸入,只提供兩個(gè)按鈕。2009-10-10微信小程序獲取用戶手機(jī)號(hào)碼詳細(xì)教程(前端+后端)
在我們開(kāi)發(fā)微信小程序時(shí),獲取用戶手機(jī)號(hào)碼是常見(jiàn)的需求之一,這篇文章主要給大家介紹了關(guān)于微信小程序獲取用戶手機(jī)號(hào)碼的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02JavaScript中json對(duì)象和string對(duì)象之間相互轉(zhuǎn)化
json對(duì)象和string對(duì)象之間的轉(zhuǎn)化已經(jīng)成為了大家耳熟能詳?shù)脑掝},本人今天就多啰嗦一些他們之間的故事,如有不對(duì)之處,還請(qǐng)各位海涵呢?不多說(shuō)了直切主題2012-12-129個(gè)JavaScript評(píng)級(jí)/投票插件
在訪問(wèn)某個(gè)網(wǎng)站或者博客時(shí),如果該站點(diǎn)為用戶提供內(nèi)容的評(píng)級(jí)或投票功能的話,可以增強(qiáng)用戶參與的交互性之外,更可以給用戶一種“主人”的親切感,使得用戶可以切實(shí)地參與到網(wǎng)站內(nèi)容的評(píng)價(jià)體系中來(lái)。2010-01-01Javascript 設(shè)計(jì)模式(二) 閉包
本來(lái)應(yīng)該是第二章,接口,但因?yàn)殚]包實(shí)在不懂,所以先看看閉包2010-05-05解決微信小程序中轉(zhuǎn)換時(shí)間格式IOS不兼容的問(wèn)題
今天小編就為大家分享一篇關(guān)于解決微信小程序中轉(zhuǎn)換時(shí)間格式IOS不兼容的問(wèn)題,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-02-02IE與Firefox在JavaScript上的7個(gè)不同句法分享
盡管那需要用長(zhǎng)串的、沉悶的不同分支代碼來(lái)應(yīng)付不同瀏覽器的日子已經(jīng)過(guò)去,偶爾還是有必要做一些簡(jiǎn)單的區(qū)分和目標(biāo)檢測(cè)來(lái)確保某塊代碼能在用戶的機(jī)器上正常運(yùn)行2011-10-10