DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript中eval函數的使用方法與示例
Javascript中eval函數的使用方法與示例
編輯:JavaScript基礎知識     

定義和用法 eval() 函數可計算某個字符串,並執行其中的的 JavaScript 代碼。

語法 eval(string) 參數 描述 string 必需。要計算的字符串,其中含有要計算的 JavaScript 表達式或要執行的語句。 返回值 通過計算 string 得到的值(如果有的話)。

說明 該方法只接受原始字符串作為參數,如果 string 參數不是原始字符串,那麼該方法將不作任何改變地返回。因此請不要為 eval() 函數傳遞 String 對象來作為參數。

如果試圖覆蓋 eval 屬性或把 eval() 方法賦予另一個屬性,並通過該屬性調用它,則 ECMAScript 實現允許拋出一個 EvalError 異常。

拋出 如果參數中沒有合法的表達式和語句,則拋出 SyntaxError 異常。

如果非法調用 eval(),則拋出 EvalError 異常。

如果傳遞給 eval() 的 Javascript 代碼生成了一個異常,eval() 將把該異常傳遞給調用者。

提示和注釋 提示:雖然 eval() 的功能非常強大,但在實際使用中用到它的情況並不多。

下面為大家分享一個常用的小例子:

<SCRIPT language="javascript">
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");
}
}
</SCRIPT>

Eval 函數

功能:先解釋Javascript代碼,然後在執行它

用法:Eval(codeString)

codeString是包含有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. 有點害怕?用不著。其實這相當有用,人們也經常使用它。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved