相關閱讀：談談我對JavaScript原型和閉包系列理解(隨手筆記8)   談談我對JavaScript原型和閉包系列理解(隨手筆記9)

什么是閉包

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

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

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

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

什么是原型？

原型是一個對象，其他對象可以通過它實現(xiàn)屬性繼承。

任何一個對象都可以成為原型么？

是

哪些對象有原型

所有的對象在默認的情況下都有一個原型，因為原型本身也是對象，所以每個原型自身又有一個原型(只有一種例外，默認的對象原型在原型鏈的頂端).

執(zhí)行上下文

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

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

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

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

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

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

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

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

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

“準備工作”總結:

•變量、函數(shù)表達式————變量聲明，默認賦值為undefined

 •this————賦值

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

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

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

javascript在執(zhí)行一個代碼段之前，都會進行這些“準備工作”來生成執(zhí)行上下文。這個“代碼段”分為三種情況--全局代碼、函數(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); //10
alert(y); //"y" is not defined
//因為eval涉及到安全問題(腳本注入),所以盡量不用。 

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

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

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

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

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

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

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

總結：

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

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

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

 •this | ===> 賦值

函數(shù)體

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

 •arguments | ===> 賦值

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

通俗的定義：

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

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

最新評論