在上篇文章給大家介紹了《談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記6)》， 談?wù)勎覍?duì)JavaScript原型和閉包系列理解(隨手筆記9)     可以點(diǎn)擊了解詳情。

執(zhí)行上下文棧

執(zhí)行全局代碼時(shí)，會(huì)產(chǎn)生一個(gè)執(zhí)行上下文環(huán)境，每次調(diào)用函數(shù)都又會(huì)產(chǎn)生執(zhí)行上下文環(huán)境。當(dāng)函數(shù)調(diào)用完成時(shí)，這個(gè)上下文環(huán)境以及其中的數(shù)據(jù)都會(huì)被消除，再重新回到全局上下文環(huán)境。處于活動(dòng)狀態(tài)的執(zhí)行上下文環(huán)境只有一個(gè)。

壓棧出棧過(guò)程----執(zhí)行上下文棧:

var a = 10,    //1. 進(jìn)入全局上下文環(huán)境
  fn,
  bar = function(x) {
   var b = 5;
   fn(x + b); //3. 進(jìn)入fn函數(shù)上下文
  };
fn = function(y) {
 var c = 5;
 console.log(y + c);
};
bar(10);    //2. 進(jìn)入bar函數(shù)上下文環(huán)境 

1、在執(zhí)行之前，首先創(chuàng)建全局上下文環(huán)境

2、代碼執(zhí)行，執(zhí)行到bar(10)之前，全局上下文中的變量在執(zhí)行過(guò)程中被賦值。

3、執(zhí)行到bar(10)調(diào)用bar函數(shù)，同時(shí)創(chuàng)建該函數(shù)內(nèi)部的執(zhí)行上下文環(huán)境

4、這時(shí)候該執(zhí)行上下文環(huán)境進(jìn)行壓棧，設(shè)置為活動(dòng)狀態(tài)

5、bar函數(shù)執(zhí)行到fn(x + b)，調(diào)用fn函數(shù)，創(chuàng)建了fn函數(shù)的執(zhí)行上下文，并壓棧，設(shè)置為活動(dòng)狀態(tài)

6、fn函數(shù)執(zhí)行完畢，fn環(huán)境出棧，被銷毀，釋放內(nèi)存，bar函數(shù)變?yōu)榛顒?dòng)態(tài)

7、fn函數(shù)執(zhí)行完畢并銷毀，意味著bar也執(zhí)行完畢了，此時(shí)bar函數(shù)環(huán)境出棧，并銷毀。全局環(huán)境變?yōu)榛顒?dòng)態(tài)。

到這里這一段代碼的執(zhí)行過(guò)程就完畢了。

根據(jù)原作者的描述：

其中上下文環(huán)境的變量賦值過(guò)程我省略了許多，因?yàn)槟切┎⒉浑y，一看就知道。

的確！代碼的大概執(zhí)行過(guò)程跑完后，就能很清楚的知道各個(gè)執(zhí)行環(huán)境中的變量是個(gè)怎樣的狀態(tài)。

講到這里，我不得不很遺憾的跟大家說(shuō)：其實(shí)以上我們所演示的是一種比較理想的情況。有一種情況，而且是很常用的一種情況，無(wú)法做到這樣干凈利落的說(shuō)銷毀就銷毀。這種情況就是偉大的——閉包。要說(shuō)閉包，咱們還得先從自由變量和作用域說(shuō)起。

以上內(nèi)容是小編給大家分享我對(duì)JavaScript原型和閉包系列理解(隨手筆記8)，希望大家喜歡。

最新評(píng)論