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

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

javascript執(zhí)行上下文、變量對(duì)象實(shí)例分析

瀏覽:3日期:2023-11-02 08:03:18

本文實(shí)例講述了javascript執(zhí)行上下文、變量對(duì)象。分享給大家供大家參考,具體如下:

突然看到一篇遠(yuǎn)在2010年的老文,作者以章節(jié)的形式向我們介紹了ECMA-262-3的部分內(nèi)容,主要涉及到執(zhí)行上下文、變量對(duì)象、作用域、this等語言細(xì)節(jié)。內(nèi)容短小而精悍,文風(fēng)直白而嚴(yán)謹(jǐn),讀完有酣暢淋漓、醍醐灌頂之感,強(qiáng)烈推薦?。?!

原文鏈接:這里

本想翻譯成文,原來早已有人做了,這里。真生不逢時(shí),何其遺憾??!

做個(gè)筆記,聊慰我心。執(zhí)行上下文 ExecutionContext

每當(dāng)控制器(control)轉(zhuǎn)換到ECMAScript可執(zhí)行代碼時(shí),都會(huì)創(chuàng)建并進(jìn)入到一個(gè)可執(zhí)行上下文。

一段簡短的句子,卻包含著豐富的內(nèi)容:

控制器:即js引擎 轉(zhuǎn)換:從一段可執(zhí)行代碼跳轉(zhuǎn)到另一段可執(zhí)行代碼 可執(zhí)行代碼:全局代碼、函數(shù)代碼、eval代碼(分別對(duì)應(yīng)三種作用域) 執(zhí)行上下文:是一個(gè)抽象的概念,ECMA-262標(biāo)準(zhǔn)用這個(gè)概念同可執(zhí)行代碼(executable code)概念進(jìn)行區(qū)分

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

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

ECStack = [ globalContext, <foo> functionContext]變量對(duì)象 VariableObject

變量對(duì)象(VO)作為執(zhí)行上下文的一個(gè)屬性存在,它存儲(chǔ)下列內(nèi)容:

所有變量聲明 (var, VariableDeclaration) VO的一個(gè)屬性,這個(gè)屬性由變量名稱和undefined值組成;如果變量名稱跟已經(jīng)聲明的形式參數(shù)或函數(shù)相同,則變量聲明不會(huì)干擾已經(jīng)存在的這類屬性。 函數(shù)聲明 (FunctionDeclaration, 縮寫為FD) VO的一個(gè)屬性,這個(gè)屬性由一個(gè)函數(shù)對(duì)象(function-object)的名稱和值組成;如果變量對(duì)象已經(jīng)存在相同名稱的屬性,則完全替換這個(gè)屬性。 以及函數(shù)的形參 VO的一個(gè)屬性,這個(gè)屬性由一個(gè)形式參數(shù)的名稱和值組成;如果沒有對(duì)應(yīng)傳遞實(shí)際參數(shù),那么這個(gè)屬性就由形式參數(shù)的名稱和undefined值組成;

VO = { // context data (var, FD, function arguments) }

當(dāng)我們聲明一個(gè)變量或一個(gè)函數(shù)的時(shí)候,同時(shí)還用變量的名稱和值在VO里創(chuàng)建了一個(gè)新的屬性。例如:

var m = 30;function test(a,b) { var c = 20 function d() {} var e = function _e() {};}test(10)

當(dāng)進(jìn)入“test”函數(shù)的上下文時(shí)(傳遞參數(shù)10),AO如下:

AO(test) = { a: 10, b: undefined, c: undefined, d: <reference to FunctionDeclaration 'd'> e: undefined};

test執(zhí)行到最后時(shí),對(duì)應(yīng)此刻上下文堆棧:

ECStack = [ globalContext: { VO: { m: 30, test: } }, test functionContext: { VO: { a: 10, b: undefined, c: 20, d: <reference to FunctionDeclaration 'd'>, e: <reference to FunctionDeclaration '_e'> } }]關(guān)于變量

通常,各類文章和JavaScript相關(guān)的書籍都聲稱:“不管是使用var關(guān)鍵字(在全局上下文)還是不使用var關(guān)鍵字(在任何地方),都可以聲明一個(gè)變量”。請(qǐng)記住,這絕對(duì)是謠傳:任何時(shí)候,變量只能通過使用var關(guān)鍵字才能聲明。

讓我們通過下面的實(shí)例看看具體的區(qū)別吧:

alert(a); // undefinedalert(b); // 'b' is not defined b = 10;var a = 20;

所有根源仍然是VO和它的修改階段(進(jìn)入上下文階段和執(zhí)行代碼階段):

VO = { a: undefined};

我們可以看到,因?yàn)椤癰”不是一個(gè)變量,所以在這個(gè)階段根本就沒有“b”,“b”將只在執(zhí)行代碼階段才會(huì)出現(xiàn)(但是在我們這個(gè)例子里,還沒有到那就已經(jīng)出錯(cuò)了)。

讓我們改變一下例子代碼:

alert(a); // undefined, we know why b = 10;alert(b); // 10, created at code execution var a = 20;alert(a); // 20, modified at code execution

關(guān)于變量,還有一個(gè)重要的知識(shí)點(diǎn)。變量相對(duì)于簡單屬性來說,變量有一個(gè)特性(attribute):{DontDelete},這個(gè)特性的含義就是不同通過delete操作符直接刪除變量屬性。

a = 10;alert(window.a); // 10 alert(delete a); // true alert(window.a); // undefined var b = 20;alert(window.b); // 20 alert(delete b); // false alert(window.b); // still 20

2018-8-2-再看執(zhí)行上下文、變量對(duì)象

感興趣的朋友可以使用在線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)文章:
主站蜘蛛池模板: 成人欧美一区二区三区色青冈 | 欧美精品一区二区三区蜜桃视频 | 成人二区三区 | 在线观看日韩av | 久久久久国产精品免费免费搜索 | 欧美在线综合 | 日本在线观看网址 | 夜夜草 | 综合欧美亚洲 | 欧洲亚洲一区二区三区 | 日本成人午夜影院 | 一片毛片 | 国产特级毛片 | 一级黄色录像毛片 | 国产精品视频在线免费观看 | 操操操操操 | 欧洲亚洲一区二区三区 | 在线欧美小视频 | 欧美黄色性生活视频 | 99草免费视频 | 蜜桃在线视频 | 日韩在线不卡 | 日韩一区二区在线免费观看 | 欧美色图综合网 | 中文字幕精品一区二区三区精品 | 国产精品美女 | 国产精品99 | 国产在线一区二区三区 | 色综合久久88色综合天天 | 麻豆精品久久久 | 一区二区三区四区电影视频在线观看 | 国产精品美女一区二区 | 91亚洲国产成人精品一区二三 | 97精品国产一区二区三区 | 国产电影一区二区三区爱妃记 | 国产成人一区二区三区电影 | 成人国产精品久久 | 伊人免费网 | 久久精品国产v日韩v亚洲 | 久久精品国产亚洲一区二区三区 | 五月婷婷亚洲 |