相關(guān)閱讀：談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記8)   談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記9)

什么是閉包

閉包是什么？閉包是Closure，這是靜態(tài)語(yǔ)言所不具有的一個(gè)新特性。但是閉包也不是什么復(fù)雜到不可理解的東西，簡(jiǎn)而言之，閉包就是：

• 閉包就是函數(shù)的局部變量集合，只是這些局部變量在函數(shù)返回后會(huì)繼續(xù)存在。

• 閉包就是就是函數(shù)的“堆棧”在函數(shù)返回后并不釋放，我們也可以理解為這些函數(shù)堆棧并不在棧上分配而是在堆上分配

• 當(dāng)在一個(gè)函數(shù)內(nèi)定義另外一個(gè)函數(shù)就會(huì)產(chǎn)生閉包

什么是原型？

原型是一個(gè)對(duì)象，其他對(duì)象可以通過(guò)它實(shí)現(xiàn)屬性繼承。

任何一個(gè)對(duì)象都可以成為原型么？

是

哪些對(duì)象有原型

所有的對(duì)象在默認(rèn)的情況下都有一個(gè)原型，因?yàn)樵捅旧硪彩菍?duì)象，所以每個(gè)原型自身又有一個(gè)原型(只有一種例外，默認(rèn)的對(duì)象原型在原型鏈的頂端).

執(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í)被修改。

--------------------------------------------------------------------------------

情況一： 在一段js代碼拿過(guò)來(lái)真正一句一句運(yùn)行之前，瀏覽器已經(jīng)做了一些“準(zhǔn)備工作”，其中就包括對(duì)變量的聲明，而不是賦值。變量賦值時(shí)在賦值語(yǔ)句執(zhí)行的時(shí)候進(jìn)行的。

情況二： 在“準(zhǔn)備工作”階段，this是直接賦值的。

情況三： 函數(shù): 函數(shù)表達(dá)式和函數(shù)聲明

 console.log(f1); //function f1() {}function f1() {} //函數(shù)聲明console.log(f2); //undefinedvar f2 = function() {}; //函數(shù)表達(dá)式 

“準(zhǔn)備工作”總結(jié):

•變量、函數(shù)表達(dá)式――――變量聲明，默認(rèn)賦值為undefined

 •this――――賦值

 •函數(shù)聲明――――賦值

這三種數(shù)據(jù)的準(zhǔn)備情況我們稱之為“執(zhí)行上下文”或者“執(zhí)行上下文環(huán)境”。

--------------------------------------------------------------------------------

javascript在執(zhí)行一個(gè)代碼段之前，都會(huì)進(jìn)行這些“準(zhǔn)備工作”來(lái)生成執(zhí)行上下文。這個(gè)“代碼段”分為三種情況--全局代碼、函數(shù)代碼、Eval代碼。

 //全局代碼段<script type="text/javascript"> //代碼段...</script>//函數(shù)代碼段function fn(x) { console.log(x + 5);}var fn = new Function("x", "console.log(x + 5)");//Eval代碼段eval('var x = 10');(function foo() { eval('var y = 20');})();alert(x); //10alert(y); //"y" is not defined//因?yàn)閑val涉及到安全問(wèn)題(腳本注入),所以盡量不用。 

--------------------------------------------------------------------------------

在函數(shù)中，除了“準(zhǔn)備工作”的幾種情況，還會(huì)有其他數(shù)據(jù)

 function fn(x) { console.log(arguments); //[10] conosole.log(x); //10}fn(10); 

以上代碼展示了在函數(shù)體的語(yǔ)句執(zhí)行之前，arguments變量和函數(shù)參數(shù)都已經(jīng)被賦值。

函數(shù)每被調(diào)用一次，都會(huì)產(chǎn)生一個(gè)新的上下文執(zhí)行環(huán)境。因?yàn)椴煌{(diào)用那個(gè)就可能產(chǎn)生不同的參數(shù)。

函數(shù)在定義的時(shí)候（不是調(diào)用）就已經(jīng)確定了函數(shù)體內(nèi)部自由變量的作用域。

 var a = 10;function fn() { console.log(a); //a是自由變量}     //函數(shù)創(chuàng)建時(shí)，就確定了a要取值的作用域function bar(f) { var a = 20; f(); //打印"10",而不是"20"}bar(fn); 

總結(jié)：

全局代碼的上下文環(huán)境數(shù)據(jù)內(nèi)容為：

 •普通變量(包括函數(shù)表達(dá)式)，如：var a = 10 | ===> 聲明（默認(rèn)賦值undefined）

 •函數(shù)聲明，如function fn() {} | ===> 賦值

 •this | ===> 賦值

函數(shù)體

 •參數(shù) | ===> 賦值

 •arguments | ===> 賦值

 •自由變量的取值作用域 | ====> 賦值 

通俗的定義：

在執(zhí)行代碼之前，把將要用到的所有變量都事先拿出來(lái)，有的直接賦值了，有的先用undefined占個(gè)位。

以上內(nèi)容是小編給大家分享的JavaScript原型和閉包系列理解(隨手筆記6)的全部敘述，希望大家喜歡。