Javascript之Eval函數解析貼)

導讀：
　　Eval()函數
　　這是我在學習找到的一篇簡述Eval的文章，我在此轉貼並加入一點自己的心得！在此謝謝原創者該函數可以把一個字串當作一個JavaScript運算式一樣去執行它，具體來說，就是eval接受一個字串類型的參數，
　　將這個字串作為代碼在上下文環境中執行，並返回執行的結果。舉個小例子：
　　
　　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函數是需要注意兩點：1)它是有傳回值的，如果參數字串是一個運算式，就會返回運算式的值。如果參數字串不是運算式，沒有值，
　　那麼返回“undefined”。2)參數字串作為代碼執行時，是和調用eval函數的上下文相關的，即其中出現的變數或函數調用必須在
　　調用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標記:
　　
　　
　　
　　請注意象這樣的幾行語句： 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. 有點害怕？用不著。
　　其實這相當有用，人們也經常使用它。^_^
　　
　　posted on 2006-08-14 11:34 Baldwin閱讀(2213) 評論(4) 編輯 收藏所屬分類: Javascript,Web2.0與CSS

本文轉自
http://www.cnblogs.com/sunwangji/archive/2006/08/14/476233.html