再談閉包

• 2020 年 5 月 2 日
• 筆記
• javascript

閉包的定義

閉包指的是能夠訪問另一個函數作用域中的函數。

閉包的作用

1）閉包使得我們可以在函數的外部訪問函數內部的變數

function fn1 () {
  let a = 1
  return function fn2 () {
    console.log('fn1 中的 a = ', a)
  }
}

let result = fn1()
result() // fn1 中的 a = 1

如上面的程式碼所示，在函數外部我們本來是不能訪問 fn1 內部的變數 a 的，但是通過閉包 fn2 這座橋樑，現在我們可以在函數 fn1 的外部訪問到其內部的變數了。

2）閉包的另一個主要作用是能夠隱藏數據

看下面這段程式碼

function cache () {
  let data = {}
  return {
    get(key) {
      return data.key
    },
    set(key, val) {
      data.key = val
    }
  }
}

// 使用 get 和 set 可以訪問和修改 data 對象但是拿不到 data 對象
const result = cache()
result.set('a', 1)
console.log(result.get('a'))

上面的程式碼中 get 和 set 就是兩個閉包，可以訪問到 cache 內部的變數 data，藉助這兩個閉包（橋樑）也能在函數外部訪問到這個變數，並且能夠修改 data 對象內部的值。但是並不能獲取到 data 對象，這就是閉包常見的一個應用隱藏變數。

閉包帶來的問題

再來分析一下上面的這段程式碼，一般情況下當一個函數運行完成之後這個函數內部的變數就會被銷毀，但是在使用閉包後，cache 函數內部的變數 data 並不會被銷毀而是永遠保留在記憶體中。

這是因為外部的 result 引用著返回的對象，對象中又有 get 和 set 函數裡面使用著 data，所以當 cache 運行完成之後也是有變數在引用它，因此並不會被垃圾回收機制回收。

所以要在閉包使用完成後及時手動地釋放引用，例如將上面的 result 賦值為 null，這個時候 cache 函數內部的 data 對象就沒有變數再去引用它了，因此會被垃圾回收機制回收。