巧用js 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="http://a.com/a.gif" name="parrot"]

[img src="http://b.com/b.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 函數可以用來把一個日期從一種格式（總是字元串）轉換為數值表達式或數字。