JavaScript ECMA-262-3中執行上下文的方法

這篇文章主要講解了JavaScript ECMA-262-3中執行上下文的方法，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

介紹

這篇文章我們主要探討ECMAScript執行上下文和相關的ECMAScript可執行代碼。

定義

每次當控制器轉到ECMAScript可執行代碼的時候，即會進入到一個執行上下文。

執行上下文(簡稱-EC)是一個抽象概念，ECMA-262標準用這個概念同可執行代碼(executable code)概念進行區分。

標準規范沒有從技術實現的角度準確定義EC的類型和結構;這應該是具體實現ECMAScript引擎時要考慮的問題。

活動的執行上下文在邏輯上組成一個堆棧。堆棧底部永遠都是全局上下文(global context)，堆棧頂部是當前(活動的)執行上下文。堆棧在EC類型的變量(various kingds of EC)被推入或彈出的同時被修改。

可執行代碼

可執行代碼的概念與抽象的執行上下文的概念是相對的。在某些時刻，可執行代碼與執行上下文是等價的。

例如，我們可以定義一個數組來模擬執行上下文堆棧：

ECStack = [];

每次進入函數 (即使函數被遞歸調用或作為構造函數) 的時候或者內置的eval函數工作的時候，這個堆棧都會被推入。

全局代碼

這種類型的代碼是在"程序"級處理的：例如加載外部的js文件或者本地的在<script></script>標簽內的代碼。全局代碼不包括任何函數體內的代碼。

在初始化（程序啟動）階段，ECStack是這樣的：

ECStack = [
 globalContext
];

函數代碼

當進入函數代碼(所有類型的函數)，ECStack被推入新元素。要注意的是，具體的函數代碼不包括內部函數(inner functions)代碼。如下所示，我們使函數自己調自己的方式遞歸一次：

(function foo(bar) {
 if (bar) {
 return;
 }
 foo(true);
})();

那么，ECStack以如下方式被改變：

// first activation of foo
ECStack = [
 <foo> functionContext
 globalContext
];
 
// recursive activation of foo
ECStack = [
 <foo> functionContext – recursively
 <foo> functionContext
 globalContext
];

每次返回存在的當前執行上下文和ECStack彈出相應的執行上下文的時候，棧指針會自動移動位置，這是一個典型的堆棧實現方式。一個被拋出但是沒有被截獲的異常，同樣存在一個或多個執行上下文。當相關段代碼執行完以后，直到整個應用程序結束，ECStack都只包括全局上下文(global context)。

Eval 代碼

 eval 代碼有點兒意思。它有一個概念： 調用上下文(calling context), 這是一個當eval函數被調用的時候產生的上下文。eval(變量或函數聲明)活動會影響調用上下文(calling context)。

eval('var x = 10');
 
(function foo() {
 eval('var y = 20');
})();
 
alert(x); // 10
alert(y); // "y" is not defined

ECStack的變化過程：

ECStack = [
 globalContext
];
 
// eval('var x = 10');
ECStack.push(
 evalContext,
 callingContext: globalContext
);
 
// eval exited context
ECStack.pop();
 
// foo funciton call
ECStack.push(<foo> functionContext);
 
// eval('var y = 20');
ECStack.push(
 evalContext,
 callingContext: <foo> functionContext
);
 
// return from eval
ECStack.pop();
 
// return from foo
ECStack.pop();

看到了吧，這是一個非常普通的邏輯調用堆棧

在版本號1.7以上的SpiderMonkey(內置于Firefox,Thunderbird)的實現中，可以把調用上下文作為第二個參數傳遞給eval。那么，如果這個上下文存在，就有可能影響“私有”(類似以private關鍵字命名的變量一樣)變量。

function foo() {
 var x = 1;
 return function () { alert(x); };
};
 
var bar = foo();
 
bar(); // 1
 
eval('x = 2', bar); // pass context, influence on internal var "x"
 
bar(); // 2

看完上述內容，是不是對JavaScript ECMA-262-3中執行上下文的方法有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。