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