昨天我寫到“一切Javascript函數都是閉包”，有些同硯示意照樣接收不能。我好好的一個函數，如何就成閉包了？那末，讓我們來探討一下，Chrome（V8）究竟是如何完成閉包的。

從閉包到[[Scopes]]

如今按下F12，翻開console，讓我們隨意找一個試驗對象：

function simpleFunc() { }
// <- undefined

超簡樸超一般的函數吧，我們來考證一下：

simpleFunc
// <- ƒ simpleFunc() { }

說了超一般的，那裡閉包了？如今嘗嘗這個：

console.dir(simpleFunc)
// ƒ simpleFunc()
//   arguments: null
//   caller: null
//   length: 0
//   name: "simpleFunc"
//   prototype: {constructor: ƒ}
//   __proto__: ƒ ()
//   [[FunctionLocation]]: VM000:1
//   [[Scopes]]: Scopes[1]

咦，[[Scopes]]是什麼？翻開一看：

//   [[Scopes]]: Scopes[1]
//     0: Global {type: "global", name: "", object: Window}

這就是閉包的完成。東西都存在這裏了。看起來simpleFunc只不過是貞潔的函數，但它實際上是（空的）本身代碼+全局變量環境。換句話說，它恰是“函數和聲明該函數的詞法環境的組合”。

再來個輕微複雜點的例子：

{
  let localVar = 1;
  function dirtyFunc() { return localVar++ }
}
// <- ƒ dirtyFunc() { return localVar++ }

console.dir(dirtyFunc)
// ƒ dirtyFunc()
//   [[Scopes]]: Scopes[2]
//     0: Block
//       localVar: 1
//     1: Global {type: "global", name: "", object: Window}

看，localVar存在這裏了吧！人人老說什麼“堅持運轉的數據狀況”如此，實在都在[[Scopes]]里。dirtyFunc看起來是個一般的函數，但[[Scopes]]里卻混了些東西。

所以，假如我們說人話，閉包實際上就是——

函數的代碼+[[Scopes]]

超等好明白了吧。

情願用this也不必閉包

接下來讓我們對閉包做些更深切的剖析，然後就曉得為何人人情願用this也不必閉包了。

[[Scopes]]能用代碼接見/複製/修正嗎？

不能。想不靠console，找到副作用在哪兒？不可。想深拷貝現在狀況？不可。想汗青回放？不可。debug？本身逐步揣摩去吧！

閉包會把一切東西都存下來嗎？

{
  let localVar = 1;
  let unusedVar = 2;
  function dirtyFunc2() { return localVar++ }
}
console.dir(dirtyFunc2)
// ƒ dirtyFunc()
//   [[Scopes]]: Scopes[2]
//     0: Block
//       localVar: 1
//     1: Global {type: "global", name: "", object: Window}

最少Chrome是不會把一切東西都塞到閉包里的。

那閉包對渣滓接納沒壞處？

{
  let localVar = new Uint8Array(1000000000)
  function dirtyFunc3() { return localVar }
  function cleanFunc() { }
}
var dirtyFunc3 = null
console.dir(cleanFunc)
// ƒ cleanFunc()
//   [[Scopes]]: Scopes[2]
//     0: Block
//       localVar: Uint8Array(1000000000) [0, 0, …]
//     1: Global {type: "global", name: "", object: Window}

dirtyFunc3和cleanFunc同享同一個[[Scopes]]項，但這個[[Scopes]]項並不會由於dirtyFunc3被接納而動態更新！所以無辜的cleanFunc就只好一向帶着這1GB的渣滓，內存走漏妥妥的。作為強迫症，這是我憎惡閉包最主要的緣由。

真的一切Javascript函數都是閉包嗎？

console.dir(alert)
// ƒ dirtyFunc()
//   [[Scopes]]: Scopes[0]
//     No properties

抱歉，我多是不太嚴謹。很明顯，瀏覽器自帶的原生API函數都是在【里天下】聲明的，所以沒有詞法環境，天然[[Scopes]]是空的。它們不是閉包。

最好實踐

情願用this也不必閉包。緣由詳見我的上一篇文章（從過程式到函數式）。

我的相干文章

Javascript閉包：從過程式到函數式

以上一切代碼按Mozilla Public License, v. 2.0受權。
以上一切筆墨內容按CC BY-NC-ND 4.0受權。