溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript ECMA-262-3中執(zhí)行上下文的方法

發(fā)布時(shí)間:2020-07-30 14:43:07 來源:億速云 閱讀:100 作者:小豬 欄目:web開發(fā)

這篇文章主要講解了JavaScript ECMA-262-3中執(zhí)行上下文的方法,內(nèi)容清晰明了,對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。

介紹

這篇文章我們主要探討ECMAScript執(zhí)行上下文和相關(guān)的ECMAScript可執(zhí)行代碼。

每次當(dāng)控制器轉(zhuǎn)到ECMAScript可執(zhí)行代碼的時(shí)候,即會(huì)進(jìn)入到一個(gè)執(zhí)行上下文。

執(zhí)行上下文(簡(jiǎn)稱-EC)是一個(gè)抽象概念,ECMA-262標(biāo)準(zhǔn)用這個(gè)概念同可執(zhí)行代碼(executable code)概念進(jìn)行區(qū)分。

標(biāo)準(zhǔn)規(guī)范沒有從技術(shù)實(shí)現(xiàn)的角度準(zhǔn)確定義EC的類型和結(jié)構(gòu);這應(yīng)該是具體實(shí)現(xiàn)ECMAScript引擎時(shí)要考慮的問題。

活動(dòng)的執(zhí)行上下文在邏輯上組成一個(gè)堆棧。堆棧底部永遠(yuǎn)都是全局上下文(global context),堆棧頂部是當(dāng)前(活動(dòng)的)執(zhí)行上下文。堆棧在EC類型的變量(various kingds of EC)被推入或彈出的同時(shí)被修改。

可執(zhí)行代碼的概念與抽象的執(zhí)行上下文的概念是相對(duì)的。在某些時(shí)刻,可執(zhí)行代碼與執(zhí)行上下文是等價(jià)的。

例如,我們可以定義一個(gè)數(shù)組來模擬執(zhí)行上下文堆棧:

ECStack = [];

每次進(jìn)入函數(shù) (即使函數(shù)被遞歸調(diào)用或作為構(gòu)造函數(shù)) 的時(shí)候或者內(nèi)置的eval函數(shù)工作的時(shí)候,這個(gè)堆棧都會(huì)被推入。

這種類型的代碼是在"程序"級(jí)處理的:例如加載外部的js文件或者本地的在<script></script>標(biāo)簽內(nèi)的代碼。全局代碼不包括任何函數(shù)體內(nèi)的代碼。

在初始化(程序啟動(dòng))階段,ECStack是這樣的:

ECStack = [
 globalContext
];

當(dāng)進(jìn)入函數(shù)代碼(所有類型的函數(shù)),ECStack被推入新元素。要注意的是,具體的函數(shù)代碼不包括內(nèi)部函數(shù)(inner functions)代碼。如下所示,我們使函數(shù)自己調(diào)自己的方式遞歸一次:

(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
];

每次返回存在的當(dāng)前執(zhí)行上下文和ECStack彈出相應(yīng)的執(zhí)行上下文的時(shí)候,棧指針會(huì)自動(dòng)移動(dòng)位置,這是一個(gè)典型的堆棧實(shí)現(xiàn)方式。一個(gè)被拋出但是沒有被截獲的異常,同樣存在一個(gè)或多個(gè)執(zhí)行上下文。當(dāng)相關(guān)段代碼執(zhí)行完以后,直到整個(gè)應(yīng)用程序結(jié)束,ECStack都只包括全局上下文(global context)。

 eval 代碼有點(diǎn)兒意思。它有一個(gè)概念: 調(diào)用上下文(calling context), 這是一個(gè)當(dāng)eval函數(shù)被調(diào)用的時(shí)候產(chǎn)生的上下文。eval(變量或函數(shù)聲明)活動(dòng)會(huì)影響調(diào)用上下文(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();

看到了吧,這是一個(gè)非常普通的邏輯調(diào)用堆棧

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

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

看完上述內(nèi)容,是不是對(duì)JavaScript ECMA-262-3中執(zhí)行上下文的方法有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI