標籤:
eval函數
eval函數接收一個由JavaScript語句組成的字串,並且返回字串中最後一條語句的傳回值,如果最後一條語句沒有傳回值,那麼eval函數返回undefined。如果傳遞給eval函數的不是字串,那麼傳遞什麼,eval就返回什麼。
調用eval函數的三種情況
當調用eval函數時,JavaScript會建立新的執行環境,總共有三種情形:
1 直接調用
直接調用時,eval函數相關的執行環境屬性ThisBinding,LexicalEnvironment,VariableEnvironment的值如下:
a) ThisBinding是調用eval函數時,調用方執行環境的ThisBinding
b) LexicalEnvironment是調用eval函數時,調用方執行環境的LexicalEnvironment
c) VariableEnvironemnt是調用eval函數時,調用方執行環境的VariableEnvironment
假設有如下JavaScript代碼(f在全域環境下被調用):
function f() { var i = 1; eval("var y = 2; i = 3");
alert(y);
}f();
當eval函數被調用時,執行環境棧如所示:
需要注意的是,當建立一個執行環境時要進行標識符綁定,綁定的標識符放到執行環境VariableEnvironment指向的Lexical Environment中。由於eval函數的VariableEnvironment與調用方(即調用eval的函數f)的VariableEnvironment指向同一個Lexical Environment,因此,在eval中聲明的局部變數y被綁定到調用方的Lexical Environment中,這導致當eval函數調用結束,與eval相關的執行環境被彈出棧頂,而在eval中聲明的局部變數y在函數f中仍然可以訪問得到。因此,上面代碼中alert會顯示2,而不是報錯。
2 間接調用
所謂間接調用,即將eval賦值給另一個變數後在調用,如下面代碼所示:
var g = eval;g("var y = 1;");
間接調用也會建立新的執行環境,不同之處在於新執行環境的ThisBinding,LexicalEnvironment,VariableEnvironment的值不同:
a) ThisBinding為全域對象
b) LexicalEnvironment為全域執行環境的的LexicalEnvironment
c) VariableEnvironment為全域執行環境的VariableEnvironment
假如有下面的代碼:
function f() { var i = 1; var gEval = eval; gEval("var y = 2; i = 3"); alert(y);}f();
當調用gEval時,執行環境棧如所示:
可以看到,在gEval當中聲明的變數都綁定到了全域執行環境當中,需要注意的是,gEval當中的變數i並不是引用的函數f的變數i,因為從gEval的範圍鏈訪問不到函數f的局部變數i,此時gEval中的變數i就等價於沒有使用關鍵字var聲明了一個全域變數。函數f的alert語句仍然顯示2,只是此時訪問的y是全域環境中的變數y。
3 strict 模式下的eval
在strict 模式下,eval的LexicalEnvironment,VariableEnvironment指向屬於eval自己的Lexcial Environment,而不是調用方的Lexical Environment,但是ThisBinding還是調用方的ThisBinding。同時,在strict 模式下如果eval直接調用,那麼eval的Lexical Environment的outer指標指向調用方的Lexical Environment,否則,如果是間接調用,那麼eval的Lexical Environment的outer指標指向全域環境的Lexical Environment。
假如有如下代碼:
"use strict"; //使用strict 模式function f() { var i = 1; eval("var y = 2; i = 3"); alert(y);}f();
當調用eval時,執行環境棧如所示:
從圖可以看到,eval中聲明的局部變數y被綁定到自己的Lexical Environment中,eval中的i訪問的是函數f聲明的局部變數i。由於變數y被綁定在eval自己的Lexical Environment中,因此當eval運行結束,相關的執行環境被彈出棧頂之後,函數f是訪問不到變數y的,因此alert要報錯。
IE中的eval
IE9之前,無論eval是直接調用還是間接調用,eval都當成直接調用處理,如果需要有間接調用的效果,可以使用IE提供的execScript函數。
參考資料:
JavaScript權威指南
ECMA-262
JavaScript當中的eval函數