在Javascript中Eval函數的使用

【eval()函數】 

JavaScript有許多小竅門來使編程更加容易。 

其中之一就是eval()函數，這個函數能夠把一個字符串看成一個JavaScript表達式同樣去執行它。 

舉個小例子： 

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); 

若是你運行這段eval程序, 你將會看到在JavaScript裏字符串"2 + 3"實際上被執行了。 

因此當你把the_evaled_answer的值設成 eval("2 + 3")時, JavaScript將會明白並把2和3的和返回給the_evaled_answer。 

這個看起來彷佛有點傻，其實能夠作出頗有趣的事。好比使用eval你能夠根據用戶的輸入直接建立函數。 

這可使程序根據時間或用戶輸入的不一樣而使程序自己發生變化，經過觸類旁通，你能夠得到驚人的效果。 

在實際中，eval不多被用到，但也許你見過有人使用eval來獲取難以索引的對象。 

文檔對象模型（DOM)的問題之一是:有時你要獲取你要求的對象簡直就是痛苦。 

例如，這裏有一個函數詢問用戶要變換哪一個圖象:變換哪一個圖象你能夠用下面這個函數： 

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標記: 

[img src="/stuff3a/parrot.gif" name="parrot"] 

[img src="/stuff3a/cheese.gif" name="cheese"] 

請注意象這樣的幾行語句： 

      

the_image_object = window.document.parrot; 

它把一個圖象對象敷給了一個變量。雖然看起來有點兒奇怪，它在語法上卻毫無問題。 

但當你有100個而不是兩個圖象時怎麼辦？你只好寫上一大堆的 if-then-else語句，要是能象這樣就行了： 

function swapTwo() 

{ 

var the_image = prompt("change parrot or cheese",""); 

window.document.the_image.src = "ant.gif"; 

} 

不幸的是, JavaScript將會尋找名字叫 the_image而不是你所但願的"cheese"或者"parrot"的圖象， 

因而你獲得了錯誤信息：」沒據說過一個名爲the_image的對象」。 

還好，eval可以幫你獲得你想要的對象。 

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"，在第二行裏建立了一個字符串即window.document.parrot. 而後包含了eval的第三 

行意思是： "給我對象window.document.parrot" - 也就是你要的那個圖象對象。一旦你獲取了這個圖象對象，你能夠把 

它的src屬性設爲ant.gif. 有點懼怕？用不着。其實這至關有用，人們也常用它。 

咱們經常在Javascript中間到Eval這個函數， 

有些人以爲這個函數很奇怪，能夠把一些字符串變的功能很強大 

在咱們須要將普通的字符串轉變成具體的對象的時候，就會用到這個函數 

eval 函數對做爲數字表達式的一個字符串進行求值，其語法爲： 

eval(expr) 

此處 expr 是一個被求值的字符串參數。若是該字符串是一個表達式，eval 求該表達式的值；若是該參數表明一個或多個 JavaScript 語句，那麼 eval 執行這些語句。eval 函數能夠用來把一個日期從一種格式（老是字符串）轉換爲數值表達式或數字。 

============================== 

Eval 函數 

功能：先解釋Javascript代碼，而後在執行它 

用法：Eval(codeString) 

codeString是包含有Javascript語句的字符串，在eval以後使用Javascript引擎編譯。 

註釋： 

例子：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" 

    } 

}