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().
變數環境
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()函數被重新命名,所使用的仍然是「本地變數環境」。
以上是JavaScript中的eval()函數傳回值與變數環境用法實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!