DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 談談我對JavaScript原型和閉包系列理解(隨手筆記8)
談談我對JavaScript原型和閉包系列理解(隨手筆記8)
編輯:關於JavaScript     

在上篇文章給大家介紹了《談談我對JavaScript原型和閉包系列理解(隨手筆記6)》, 談談我對JavaScript原型和閉包系列理解(隨手筆記9)     可以點擊了解詳情。

執行上下文棧

執行全局代碼時,會產生一個執行上下文環境,每次調用函數都又會產生執行上下文環境。當函數調用完成時,這個上下文環境以及其中的數據都會被消除,再重新回到全局上下文環境。處於活動狀態的執行上下文環境只有一個。

壓棧出棧過程----執行上下文棧:

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

1、在執行之前,首先創建全局上下文環境

 

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

 

3、執行到bar(10)調用bar函數,同時創建該函數內部的執行上下文環境

 

4、這時候該執行上下文環境進行壓棧,設置為活動狀態

 

5、bar函數執行到fn(x + b),調用fn函數,創建了fn函數的執行上下文,並壓棧,設置為活動狀態

 

6、fn函數執行完畢,fn環境出棧,被銷毀,釋放內存,bar函數變為活動態

 

7、fn函數執行完畢並銷毀,意味著bar也執行完畢了,此時bar函數環境出棧,並銷毀。全局環境變為活動態。

 

到這裡這一段代碼的執行過程就完畢了。

根據原作者的描述:

其中上下文環境的變量賦值過程我省略了許多,因為那些並不難,一看就知道。

的確!代碼的大概執行過程跑完後,就能很清楚的知道各個執行環境中的變量是個怎樣的狀態。

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved