av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

JavaScript ECMA-262-3 深入解析(一):執(zhí)行上下文實(shí)例分析

瀏覽:3日期:2023-11-02 10:01:59

本文實(shí)例講述了JavaScript ECMA執(zhí)行上下文。分享給大家供大家參考,具體如下:

介紹

這篇文章我們主要探討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ī)范沒(méi)有從技術(shù)實(shí)現(xiàn)的角度準(zhǔn)確定義EC的類型和結(jié)構(gòu);這應(yīng)該是具體實(shí)現(xiàn)ECMAScript引擎時(shí)要考慮的問(wèn)題。

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

可執(zhí)行代碼

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

例如,我們可以定義一個(gè)數(shù)組來(lái)模擬執(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];函數(shù)代碼

當(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 fooECStack = [ <foo> functionContext globalContext]; // recursive activation of fooECStack = [ <foo> functionContext ? recursively <foo> functionContext globalContext];

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

Eval 代碼

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); // 10alert(y); // 'y' is not defined

ECStack的變化過(guò)程:

ECStack = [ globalContext]; // eval(’var x = 10’);ECStack.push( evalContext, callingContext: globalContext); // eval exited contextECStack.pop(); // foo funciton callECStack.push(<foo> functionContext); // eval(’var y = 20’);ECStack.push( evalContext, callingContext: <foo> functionContext); // return from evalECStack.pop(); // return from fooECStack.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結(jié)論

這篇文章的內(nèi)容是未來(lái)分析其他跟執(zhí)行上下文相關(guān)的主題(例如變量對(duì)象,作用域鏈,等等)的最起碼的理論基礎(chǔ),這些主題將在后續(xù)章節(jié)中講到。

其他參考

這篇文章的內(nèi)容在ECMA-262-3 標(biāo)準(zhǔn)規(guī)范中對(duì)應(yīng)的章節(jié).

英文地址 : ECMA-262-3 in detail. Chapter 1. Execution Contexts

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 综合二区 | 欧美福利影院 | 亚洲444kkkk在线观看最新 | 中文字幕成人av | 亚州毛片 | 伊人网综合在线 | 国产美女一区二区三区 | 天天拍天天草 | 欧美一区二区三区在线 | 高清视频一区二区三区 | 精品久久一区 | 欧美日韩一本 | 亚洲午夜视频 | 久在线观看 | 免费看淫片 | 欧美日一区二区 | 国产成人精品久久二区二区91 | 国产精品久久久久久亚洲调教 | 亚洲欧美在线观看 | 一级在线视频 | 国产精品成人在线 | 亚洲福利一区二区 | a级免费黄色片 | 亚洲综合网站 | 久草视频观看 | 羞羞视频网页 | 在线一区视频 | 久久国产精品视频 | 欧美在线观看一区 | 二区在线观看 | 欧美一级欧美三级在线观看 | 91在线观看 | 狠狠的干狠狠的操 | 欧美日韩高清一区二区三区 | 午夜精品一区二区三区在线观看 | 国产免费让你躁在线视频 | 美女视频网站久久 | 激情的网站 | 国产玖玖 | 日本国产欧美 | 国产亚洲精品精品国产亚洲综合 |