js eval()函數

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_p_w_picpath = prompt("change parrot or cheese","");
 var the_p_w_picpath_object;

 if (the_p_w_picpath == "parrot")
 {
  the_p_w_picpath_object = window.document.parrot;
 } 
 else 
 {
  the_p_w_picpath_object = window.document.cheese;
 }

 the_p_w_picpath_object.src = "ant.gif";
}

連同這些p_w_picpath標記:

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

請注意象這樣的幾行語句：
       
the_p_w_picpath_object = window.document.parrot;

它把一個圖象對象敷給了一個變量。雖然看起來有點兒奇怪，它在語法上卻毫無問題。
但當你有100個而不是兩個圖象時怎麼辦？你只好寫上一大堆的 if-then-else語句，要是能象這樣就好了： 

function swapTwo()
{
 var the_p_w_picpath = prompt("change parrot or cheese","");
 window.document.the_p_w_picpath.src = "ant.gif";
}

不幸的是, JavaScript將會尋找名字叫 the_p_w_picpath而不是你所希望的"cheese"或者"parrot"的圖象，
於是你得到了錯誤信息：”沒聽說過一個名爲the_p_w_picpath的對象”。 

還好，eval能夠幫你得到你想要的對象。

function simpleSwap()
{
 var the_p_w_picpath = prompt("change parrot or cheese","");
 var the_p_w_picpath_name = "window.document." + the_p_w_picpath;
 var the_p_w_picpath_object = eval(the_p_w_picpath_name);
 the_p_w_picpath_object.src = "ant.gif";
}

下面是JScript中的原文：
eval 方法
檢查 JScript 代碼並執行.

eval( codeString)

必選項 codestring 參數是包含有效 JScript 代碼的字符串值。這個字符串將由 JScript 分析器進行分析和執行。

說明
eval 函數允許 JScript 源代碼的動態執行。例如,下面的代碼創建了一個包含 Date 對象的新變量 mydate ：

eval("var mydate = new Date();");
傳遞給 eval 方法的代碼執行時的上下文和調用 eval 方法的一樣.


如果你還是跟我一樣不是很明白的話，請繼續看下面的例子：

JS從頁面上獲得一個標籤的ID賦予theid，然後定義一個變量得到這個對象，代碼如下：
if(theid == "mydiv"){
    var thediv = window.document.theid;
}
如果頁面上有上百個這樣的div，難道要寫上百個if嗎，答案肯定是否定的，也許你會這麼寫：
var thediv = "window.document" + theid;
可是這樣得到的thediv是一個字符串，不是一個對象，但可以用Eval()函數來解決這個問題，代碼如下：
var myobject = "window.document" + theid;
var thediv = eval(myobject);
這樣得到的thediv就是一個對象了。。。

原文出自：http://blog.csdn.net/hellollx/article/details/4519223