談談我對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)，希望大家喜歡。