DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的eval()函數使用介紹
JavaScript中的eval()函數使用介紹
編輯:關於JavaScript     

在JavaScript中,可以使用eval()函數來解析字符串中的JavaScript代碼,並返回相應的代碼執行結果:


復制代碼 代碼如下:
console.log(eval("42 * 2"));//84


就本質而言,eval()是JavaScript全局對象的一個函數。比如,上述代碼等價於:


復制代碼 代碼如下:
console.log(this.eval("42 * 2"));//84


不過在使用eval()語句時,一般都采用上述第一種做法,也即忽略全局對象直接使用eval()。

eval()的使用

基於以下兩個原因,除非確實需要,不然應盡量避免在代碼中使用eval()語句:

1.從邏輯上來說,字符串應該用於儲存程序運行過程中的內容、信息,而不應該用於儲存具體的計算邏輯。
2.由於eval()參數為字符串,而對於一段字符串無法詞法進行,因此對於eval()調用語句,JavaScript解釋器無法進行優化。

eval()的返回值

eval()的返回值遵循以下規則:

1.如果eval()的參數不是字符串,那麼eval()將直接返回參數。
2.如果eval()的參數是字符串,那麼eval()將這個字符串解析成代碼後進行執行,並返回最後一行代碼執行的結果。
3.如果字符串無法解析成合法的代碼,eval()將拋出SyntaxError錯誤。
4.如果字符串能夠被解析成合法的代碼,但是在執行這一代碼過程中報錯,那麼這個錯誤會上報給eval()語句,並由eval()拋出。

復制代碼 代碼如下:
console.log(eval([1,2,3]));//[1, 2, 3]
console.log(typeof eval([1,2,3]));//object

console.log(eval("42 */ 2"));//SyntaxError
console.log(eval("42 * 2; 22 * 3;"));//66. eval returns the result of last expression/statement
console.log(eval("null.toString()"));//TypeError, exception in eval-ed code will be propagated outside eval().

變量環境(variable environment)

JavaScript中eval()有一個重要的特性:eval()參數字符串中的代碼可以訪問外部代碼中的變量,同時也可以將參數字符串代碼中新建的變量暴露給外部代碼。也即,如果eval()參數字符串可以被合法解析,那麼JS會將解析後的代碼替換掉eval()所在的那一行:

復制代碼 代碼如下:
//variable environment
var a = 108;
console.log(eval("function double(x){return x*2;} a = double(a)"));
console.log(a);//216
console.log(double(33));//66


值得注意的是,實現上述特性的前提是eval()參數字符串中的代碼可以被合法解析。除了代碼語法正確外,JS還要求eval()參數字符串中的代碼必須“自成一體”:僅就參數字符串中的代碼而言,代碼必須是有意義的。比如,無法將諸如“return;”這樣的字符串傳給eval()函數:


復制代碼 代碼如下:
function test(){
  var s = "test";
  eval("return s;");
}
test();//SyntaxError: return not in function


如果直接使用eval()函數,那麼eval()參數字符串中的代碼所訪問的變量是eval()語句所在function的那些變量,也即eval()函數所使用的變量環境是“本地變量環境”。如果不直接使用eval()函數,而是使用一個同樣指向eval()函數的新變量,那麼相應參數字符串中的代碼所訪問的變量均為全局變量,也即eval()函數所使用的變量環境是“全局變量環境”:


復制代碼 代碼如下:
//local variable environment and global variable environment
var renamed = eval;
var x = "origin", y = "origin";
function f(){
  var x = "new";
  eval("x += 'Changed';");
  return x;
}
function g(){
  var y = "new";
  renamed("y += 'Changed';");
  return y;
}
console.log(f(), x);//newChanged origin
console.log(g(), y);//new originChanged


不過,值得注意的是,IE6、7、8中的行為與此不同。在IE6、7、8中,即使eval()函數被重命名,所使用的也依然是“本地變量環境”。

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