【轉】eval()函式(javascript) - [javaScript]

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. 有點害怕？用不著。其實這相當有用，人們也經常使用它。