我眼中的閉包

leeon 發(fā)布于2019-08-21 11:45 / 2825人閱讀

閉包，顧名思義就是一個(gè)封閉的包裹，你沒辦法窺探到其內(nèi)部，只能通過暴露給你的方法進(jìn)行操作。其實(shí)在寫代碼的過程中，我們可能已經(jīng)使用了閉包，只是當(dāng)時(shí)不知道而已。等理解了閉包，再去回顧以前的代碼，就會(huì)發(fā)現(xiàn)JavaScript中閉包無處不在。
剛開始學(xué)習(xí)閉包的時(shí)候，我看過很多關(guān)于閉包的文章，大部分都會(huì)舉例這樣一段代碼：

執(zhí)行函數(shù)Foo（），將函數(shù)內(nèi)部的方法bar作為返回值，賦值給變量fn，這樣在外部就可以直接訪問函數(shù)內(nèi)的變量。看下面這段代碼：

將內(nèi)部函數(shù)bar的引用傳遞給一個(gè)全局變量fn。
當(dāng)函數(shù)Foo（）執(zhí)行完畢后，F(xiàn)oo（）的內(nèi)容不會(huì)再被使用，根據(jù)javascript的垃圾回收機(jī)制，函數(shù)的內(nèi)存空間將會(huì)被回收，但是因?yàn)閎ar（）在函數(shù)外部被執(zhí)行，而且bar可以訪問函數(shù)內(nèi)部的所有變量，所以函數(shù)的內(nèi)存空間不會(huì)被回收。
所以無論通過哪種方式將內(nèi)部函數(shù)傳遞到它所在的作用域之外，而它對(duì)于自身定義時(shí)的作用域始終有訪問的權(quán)限，這就形成了閉包，所以無論在什么地方執(zhí)行這個(gè)內(nèi)部函數(shù)都會(huì)用到閉包。
現(xiàn)在來說一下閉包與循環(huán)：

很多人會(huì)以為這段代碼的輸出結(jié)果是：0 1 2 3 4，其實(shí)就算將代碼修改為setTimeout(....,0)，結(jié)果也是：5 5 5 5 5。
因?yàn)檫@些回調(diào)函數(shù)是在循環(huán)結(jié)束之后才開始執(zhí)行，而他們共享全局作用域中的變量i，所以在它們執(zhí)行的時(shí)候所訪問到的i=5；對(duì)這段代碼進(jìn)行修改：

使用立即執(zhí)行函數(shù)創(chuàng)建一個(gè)獨(dú)立的作用域，并將作用域封閉在每一個(gè)回調(diào)函數(shù)中，使其擁有正確的變量i的引用。
閉包與模塊：

這種模式在javascript中被稱為模塊，Person是一個(gè)函數(shù)，通過調(diào)用它來創(chuàng)建內(nèi)部作用域和閉包，它返回的是一個(gè)對(duì)象（不一定要返回對(duì)象，也可以只返回內(nèi)部方法），該對(duì)象被賦值給全局變量p，對(duì)象中的值是對(duì)函數(shù)內(nèi)部方法的引用。通過p可以訪問函數(shù)內(nèi)部的數(shù)據(jù)變量和方法。

參考資料：
1.YOU DON"T KNOW JS,KYLE SIMPSON