Js中的閉包原理

要了解清楚js中的閉包制機，那麼得先了解全域性執行環境、塊級執行環境、函式執行環境、變數物件、環境棧、作用域鏈、摧毀執行環境。

全域性執行環境

全域性執行環境指的是最外層的執行環境。在web中全域性執行環境被認為

window

物件，所以你在全域性環境中建立的變數與函式都是物件的屬性和方法。

函式執行環境

函式執行環境指的是函式體。

塊級執行環境

塊級執行環境指的是塊級定義區域。

'use strict';
// 全域性執行環境
// .....
function func()

變數物件每乙個執行環境最有乙個與之關聯的變數物件，變數物件中儲存當前環境中定義的變數與函式。在使用變數或函式時，都是在個變數物件上去尋找成員的。這個物件是無法訪問的，但是你可以在作用域鏈[scope]中檢視到所定義的成員（如果沒有使用的話可能無法看到，這和優化有關）。

環境棧

每個函式或塊都有自己的執行環境。當執行流進入乙個函式時，函式的環境就會被推入「環境棧」中。函式執行完後，棧將其彈出並銷毀變數物件，然後把控制權返回在給之前的執行環境。如果內執行環境的變數物件，被外部執行環境引用，那麼內部環境變數物件就無法被銷毀（如：閉包）。

作用域鏈

作用域鏈是乙個列表，儲存著與執行環境相關的變數物件，通過【scope】屬性可檢視變數物件列表。

關係圖

例項講解

// 例子

1：常見的函式巢狀

'use strict';
function a() 
}let func = a(); // 返回a函式體內的 匿名函式
console.log(func()); // 在全域性執行環境中，訪問a函式內部變數。 如果是非閉包函式，那麼執行完後

我們來看一下，a函式體內匿名函式的作用域鏈。

[scopes] ：是當前匿名函式的作用域鏈。

索引為 0 的：是

a函式的執行環境的變數物件，

x 表示變數物件中的。

索引為 1 的：全域性執行環境變數物件。

// 例子

2：訪問塊內部變數

1：返回塊級內容函式實現在全域性執行環境中訪問塊級內容變數。

'use strict';
let func = null;
}// 返回塊級內容函式 實現在全域性執行環境中訪問塊級內容變數。
console.log(func());

作用域煉圖：