資訊專欄INFORMATION COLUMN
摘要：大名鼎鼎的閉包面試必問。閉包的作用是什么。看到閉包在哪了嗎閉包到底是什么五年前，我也被這個問題困擾，于是去搜了并總結下來。關于閉包的謠言閉包會造成內存泄露錯。閉包里面的變量明明就是我們需要的變量，憑什么說是內存泄露這個謠言是如何來的因為。
本文為饑人谷講師方方原創文章，首發于 前端學習指南。
大名鼎鼎的閉包！面試必問。
請用自己的話簡述
什么是「閉包」。
「閉包」的作用是什么。
首先來簡述什么是閉包假設上面三行代碼在一個立即執行函數中（為簡明起見，我就不寫立即執行函數了，影響讀者理解）。
評論里沒看完就說我寫得有問題的，請看清楚哦：
上面三行代碼在一個立即執行函數中。
三行代碼中，有一個局部變量 local，有一個函數 foo，foo 里面可以訪問到 local 變量。
好了這就是一個閉包：
「函數」和「函數內部能訪問到的變量」（也叫環境）的總和，就是一個閉包。
就這么簡單。
有的同學就疑惑了，閉包這么簡單么？
「我聽說閉包是需要函數套函數，然后 return 一個函數的呀！」
比如這樣：
function foo(){
var local = 1
function bar(){
local++
return local
}
return bar
}
var func = foo()
func()
這里面確實有閉包，local 變量和 bar 函數就組成了一個閉包（Closure）。
為什么要函數套函數呢？
是因為需要局部變量，所以才把 local 放在一個函數里，如果不把 local 放在一個函數里，local 就是一個全局變量了，達不到使用閉包的目的——隱藏變量（等會會講）。
這也是為什么我上面要說「運行在一個立即執行函數中」。
有些人看到「閉包」這個名字，就一定覺得要用什么包起來才行。其實這是翻譯問題，閉包的原文是 Closure，跟「包」沒有任何關系。
所以函數套函數只是為了造出一個局部變量，跟閉包無關。
為什么要 return bar 呢？
因為如果不 return，你就無法使用這個閉包。把 return bar 改成 window.bar = bar 也是一樣的，只要讓外面可以訪問到這個 bar 函數就行了。
所以 return bar 只是為了 bar 能被使用，也跟閉包無關。
閉包的作用閉包常常用來「間接訪問一個變量」。換句話說，「隱藏一個變量」。
假設我們在做一個游戲，在寫其中關于「還剩幾條命」的代碼。
如果不用閉包，你可以直接用一個全局變量：
window.lives = 30 // 還有三十條命
這樣看起來很不妥。萬一不小心把這個值改成 -1 了怎么辦。所以我們不能讓別人「直接訪問」這個變量。怎么辦呢？
用局部變量。
但是用局部變量別人又訪問不到，怎么辦呢？
暴露一個訪問器（函數），讓別人可以「間接訪問」。
代碼如下：
!function(){
var lives = 50
window.獎勵一條命 = function(){
lives += 1
}
window.死一條命 = function(){
lives -= 1
}
}()
簡明起見，我用了中文 :)
那么在其他的 JS 文件，就可以使用 window.獎勵一條命() 來漲命，使用 window.死一條命() 來讓角色掉一條命。
看到閉包在哪了嗎？
閉包到底是什么？五年前，我也被這個問題困擾，于是去搜了 stackoverflow 并總結下來。你在百度搜閉包，那篇《JavaScript閉包——懂不懂由你，反正我是懂了》就是我寫的。當時我還是新手，一直不理解為什么大家口中的閉包這么模糊、這么琢磨不定呢。
我們重新來審視一下閉包的代碼：
第一句是變量聲明，第二句是函數聲明，第三句是 console.log。
每一句我都學過，為什么合起來我就看不出來是閉包？
我告訴你答案，你根本不需要知道閉包這個概念，一樣可以使用閉包！
閉包是 JS 函數作用域的副產品。
換句話說，正是由于 JS 的函數內部可以使用函數外部的變量，所以這段代碼正好符合了閉包的定義。而不是 JS 故意要使用閉包。
很多編程語言也支持閉包，另外有一些語言則不支持閉包。
只要你懂了 JS 的作用域，你自然而然就懂了閉包，即使你不知道那就是閉包！
所謂閉包的作用如果我們在寫代碼時，根本就不知道閉包，只是按照自己的意圖寫，最后，發現滿足了閉包的定義。
那么請問，這算是閉包的作用嗎？
這個問題，留給你思考。
關于閉包的謠言閉包會造成內存泄露？
錯。
說這話的人根本不知道什么是內存泄露。內存泄露是指你用不到（訪問不到）的變量，依然占居著內存空間，不能被再次利用起來。
閉包里面的變量明明就是我們需要的變量（lives），憑什么說是內存泄露？
這個謠言是如何來的？
因為 IE。IE 有 bug，IE 在我們使用完閉包之后，依然回收不了閉包里面引用的變量。
這是 IE 的問題，不是閉包的問題。參見司徒正美的這篇文章。
一個小經驗編程界崇尚以簡潔優雅唯美，很多時候
如果你覺得一個概念很復雜，那么很可能是你理解錯了。
完。
加微信號: astak10或者長按識別下方二維碼進入前端技術交流群 ，暗號：寫代碼啦
每日一題，每周資源推薦，精彩博客推薦，工作、筆試、面試經驗交流解答，免費直播課，群友輕分享... ，數不盡的福利免費送
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90793.html
摘要：閉包的學術定義先來參考下各大權威對閉包的學術定義百科閉包，又稱詞法閉包或函數閉包，是引用了自由變量的函數。所以，有另一種說法認為閉包是由函數和與其相關的引用環境組合而成的實體。 前言 上一章講解了閉包的底層實現細節，我想大家對閉包的概念應該也有了個大概印象，但是真要用簡短的幾句話來說清楚，這還真不是件容易的事。這里我們就來總結提煉下閉包的概念，以應付那些非專人士的心血來潮。 閉包的學術...
摘要：前端芝士樹中的閉包是怎么一回事筆試問題集錦為什么會有閉包的出現這涉及到作為變量聲明的關鍵詞時所出現的一些問題。另一方面，在函數外部自然無法讀取函數內的局部變量。解決方法是，在退出函數之前，將不使用的局部變量全部刪除。 【前端芝士樹】Js中的閉包是怎么一回事 && 筆試問題集錦 為什么會有閉包的出現？ 這涉及到var作為變量聲明的關鍵詞時所出現的一些問題。比如，var 的 變量提升 以及...
摘要：閉包引起的內存泄漏總結從理論的角度將由于作用域鏈的特性中所有函數都是閉包但是從應用的角度來說只有當函數以返回值返回或者當函數以參數形式使用或者當函數中自由變量在函數外被引用時才能成為明確意義上的閉包。 文章同步到github js的閉包概念幾乎是任何面試官都會問的問題,最近把閉包這塊的概念梳理了一下,記錄成以下文章。 什么是閉包 我先列出一些官方及經典書籍等書中給出的概念,這些概念雖然...
摘要：內部的稱為內部函數或閉包函數。過度使用閉包會導致性能下降。，閉包函數分為定義時，和運行時。循環會先運行完畢，此時，閉包函數并沒有運行。閉包只能取得外部函數中的最后一個值。事件綁定種的匿名函數也是閉包函數。而對象中的閉包函數，指向。 閉包概念解釋： 閉包（也叫詞法閉包或者函數閉包）。 在一個函數parent內聲明另一個函數child，形成了嵌套。函數child使用了函數parent的參數...
摘要：前言這段時間一直在消化作用域鏈和閉包的相關知識。而作用域鏈則是這套規則這套規則的具體運行。是變量對象的縮寫那這樣放有什么好處呢我們知道作用域鏈保證了當前執行環境對符合訪問權限的變量和函數的有序訪問。 前言：這段時間一直在消化作用域鏈和閉包的相關知識。之前看《JS高程》和一些技術博客，對于這些概念的論述多多少少不太清楚或者不太完整，包括一些大神的技術文章。這也給我的學習上造成了一些困惑，...
閱讀 2294·2021-09-22 15:27
閱讀 3166·2021-09-03 10:32
閱讀 3491·2021-09-01 11:38
閱讀 2493·2019-08-30 15:56
閱讀 2206·2019-08-30 13:01
閱讀 1531·2019-08-29 12:13
閱讀 1410·2019-08-26 13:33
閱讀 885·2019-08-26 13:30
