歡迎光臨
每天分享高質量文章

JavaScript 閉包初窺

不久前的面試中,面試官開門見山問我閉包是什麼,我啞然。就像this一樣,可能給我幾道關於this的題目我會做,但是要我說說什麼是this,我還真不知道從何說起,為了face以後同樣的問題,查閱了一些資料在此簡單做下記錄。誠然,樓主對於閉包的理解還處在初級階段…

簡單來說閉包擁有三個特性:

1.函式嵌套函式

2.函式內部可以取用外部的引數和變數

3.引數和變數不會被垃圾回收機制回收

閉包是指有權訪問另一個函式作用域中的變數的函式,創建閉包的最常見的方式就是在一個函式內創建另一個函式,通過另一個函式訪問這個函式的區域性變數。使用閉包有一個優點,也是它的缺點,就是可以把區域性變數駐留在記憶體中,可以避免使用全域性變數。全域性變數在每個模塊都可呼叫,這勢必將是災難性的。(所以推薦使用私有的,封裝的區域性變數。)一般函式執行完畢後,區域性活動物件就被銷毀,記憶體中僅僅儲存全域性作用域。但閉包的情況不同!

我覺得這段說明也很精彩:js里的函式在運行結束之後,所有的過程中產生的變數都會被銷毀(銷毀原則是無取用)

但在js的函式A里定義一個函式B併在外部取用時,這條取用鏈上的變數都不會銷毀(即使A已經運行結束),這個函式B就叫做一個閉包。

function fn() {

 var a = 0;

 function f() {

   console.log(a++);

 }

 return f;

}




var b = fn();

b();  

// 0

b();  

// 1

b();  

// 2

接著來看上面的例子,這是一段經典的閉包代碼,我們看看代碼都幹了些什麼。

首先要明確f函式即是所謂的閉包,我們看到它嵌套在fn函式內,而且訪問了外部的變數a,同時console的結果也證明瞭變數a貯存在了記憶體中!為什麼會這樣呢?原因在於f被賦予給了一個全域性變數b,導致始終存在在記憶體中,而f的存在必須依賴於fn,這導致fn也始終存在在記憶體中,於是變數a不會在執行後被垃圾回收機制回收。以上例子很好地避免了全域性變數的使用,避免了全域性變數的污染。

閉包還有什麼用?繼續一個經典的例子:


  • 0
  • 1
  • 2
  • 3
  • 4

赞(0)

分享創造快樂