1. 程式人生 > >在Javascript中Eval函式的使用

在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" 

    }