javascript中閉包之淺析解讀(必看篇)

《javascript中閉包之淺析解讀(必看篇)》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在學術論文-天天文庫。

1、JavaScript中閉包之淺析解讀（必看篇）JavaScript中的閉包真心是一個老生常談的問題了，最近面試也是一直問到，我自己的表述能力又不能完全支撐起來，真是抓狂。在回來的路上，我突然想到了一個很簡單的事情，其實我們在做項目時候，其實就經(jīng)常用到閉包的，可是面試問的時候，回答又往往是我們經(jīng)常搜到的答案，唉不管是應付面試還是真的想學點東西，我也用自己的理解跟大家分享一下，書面化就避免不了了的。1.閉包是什么？紅寶書中曰：“是指有權訪問另外一個函數(shù)作用域中的變量的函數(shù)?！焙唵蔚恼f，JavaScript允許使用內(nèi)部函數(shù)即函數(shù)定義和函數(shù)表達式位于另一個函數(shù)的函數(shù)體內(nèi)。而且，這些內(nèi)部函數(shù)可以

2、訪問它們所在的外部函數(shù)中聲明的所有局部變量、參數(shù)和聲明的其他內(nèi)部函數(shù)。當其中一個這樣的內(nèi)部函數(shù)在包含它們的外部函數(shù)之外被調用時，就會形成閉包。再通俗的說就是“一個函數(shù)內(nèi)部創(chuàng)建另外一個函后面這個函數(shù)可以讀取上面那個函數(shù)中的變量，后面這個函數(shù)就可以稱作‘閉包’”。2.閉包有啥用？通過我大量的查閱，如果說“通過使用閉包，我們可以做很多事情。比如模擬面向對象的代碼風格；更優(yōu)雅，更簡潔的表達出代碼；在某些方面提升代碼的執(zhí)行效率”，會不會感覺很空洞，那這些會不會好一些，由于在JavaScript中沒有真正的塊級作用域，但是為了給某個函數(shù)聲明一些只有該函數(shù)才能使用的局部變量時，我們就會用到閉包，這樣

3、我們可以很大程度上減少全局作用域中的變量凈化全局作用域。下面舉例說明一下：1.匿名自執(zhí)行函數(shù)我們知道所有的變量，如果不加上var關鍵字，則默認的會添加到全局對象的屬性上去，這樣的臨時變量加入全局對象有很多壞處，比如：別的函數(shù)可能誤用這些變量；造成全局對象過于龐大，影響訪問速度（因為變量的取值是需要從原型鏈上遍歷的）。了每次使用變量都是用var關鍵字外，我們在實際情況下經(jīng)常遇到這樣一種情況，即有的函數(shù)只需要執(zhí)行一次其內(nèi)部變量無需維護，比如UI的初始化，那么我們可以使用閉包：vardata={nbsp;nbsp;table:[],nbsp;nbsp;tree:{}nbsp;}:nbsp;(

4、function(dm){nbsp;nbsp;for(vari=0:ilt;dm.table.rows:i++){nbsp;nbsp;nbsp;varrow=dm.table.rows[i];nbsp;nbsp:nbsp;for(varj=0;jit;row.cells;i++){nbsp:nbsp;nbsp;nbsp;drawCell(i,j):nbsp;nbsp;nbsp;}nbsp:nbsp;}nbsp;})(data);我們創(chuàng)建了一個匿名的函數(shù)，并立即執(zhí)行它，由于外部無法引用它內(nèi)部的變量，因此在函數(shù)執(zhí)行完后會立刻釋放資源，關鍵是不污染全局對象。2.結果緩存我們開發(fā)中會碰到很多情

5、況，設想我們有一個處理過程很耗時的函數(shù)對象，每次調用都會花費很長時間，那么我們就需要將計算出來的值存儲起來，當調用這個函數(shù)的時候，首先在緩存中查找，如果找不到，則進行計算，然后更新緩存并返回值，如果找到了，直接返回查找到的值即可。閉包正是可以做到這一點，因為它不會釋放外部的引用，從而函數(shù)內(nèi)部的值可以得以保留。varCachedSearchBox=(function(){nbsp;nbsp;varcache={}，nbsp;nbsp;nbsp;count=口；nbsp;nbsp;return{nbsp;nbsp;nbsp;attachSearchBox:function(dsid){nb

6、sp;nbsp;nbsp;nbsp;if(dsidincache){//如果結果在緩存中nbsp;nbsp;nbsp;nbsp;nbsp;returncache[dsid]://直接返回緩存中的對象nbsp;nbsp:nbsp;nbsp;}nbsp;nbsp;nbsp;nbsp;varfsb=newuikit.webctrl.SearchBox(dsid)://新建nbsp;nbsp;nbsp;nbsp:cache[dsid]=fsb;//更親斤緩存nbsp;nbsp;nbsp;nbsp:if(count.1engthgt:100){//保正緩存的大小lt;=100nbsp;nbsp;

7、nbsp;nbsp;nbsp:deletecache[count,shift()]:nbsp;nbsp;nbsp:nbsp;}nbsp;nbsp;nbsp:nbsp:returnfsb;nbsp;nbsp;nbsp;nbsp;nbsp;},nbsp;nbsp:nbsp;clearSearchBox:function(dsid){nbsp;nbsp;nbsp:nbsp;if(dsidincache){nbsp;nbsp;nbsp;nbsp;nbs