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

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

ID:27596034

大?。?1.00 KB

頁(yè)數(shù):7頁(yè)

時(shí)間:2018-12-05

javascript中閉包之淺析解讀(必看篇)_第1頁(yè)
javascript中閉包之淺析解讀(必看篇)_第2頁(yè)
javascript中閉包之淺析解讀(必看篇)_第3頁(yè)
javascript中閉包之淺析解讀(必看篇)_第4頁(yè)
javascript中閉包之淺析解讀(必看篇)_第5頁(yè)
資源描述:

《javascript中閉包之淺析解讀(必看篇)》由會(huì)員上傳分享,免費(fèi)在線(xiàn)閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。

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

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

3、我們可以很大程度上減少全局作用域中的變量?jī)艋肿饔糜?。下面舉例說(shuō)明一下:1.匿名自執(zhí)行函數(shù)我們知道所有的變量,如果不加上var關(guān)鍵字,則默認(rèn)的會(huì)添加到全局對(duì)象的屬性上去,這樣的臨時(shí)變量加入全局對(duì)象有很多壞處,比如:別的函數(shù)可能誤用這些變量;造成全局對(duì)象過(guò)于龐大,影響訪(fǎng)問(wèn)速度(因?yàn)樽兞康娜≈凳切枰獜脑玩溕媳闅v的)。了每次使用變量都是用var關(guān)鍵字外,我們?cè)趯?shí)際情況下經(jīng)常遇到這樣一種情況,即有的函數(shù)只需要執(zhí)行一次其內(nèi)部變量無(wú)需維護(hù),比如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)建了一個(gè)匿名的函數(shù),并立即執(zhí)行它,由于外部無(wú)法引用它內(nèi)部的變量,因此在函數(shù)執(zhí)行完后會(huì)立刻釋放資源,關(guān)鍵是不污染全局對(duì)象。2.結(jié)果緩存我們開(kāi)發(fā)中會(huì)碰到很多情

5、況,設(shè)想我們有一個(gè)處理過(guò)程很耗時(shí)的函數(shù)對(duì)象,每次調(diào)用都會(huì)花費(fèi)很長(zhǎng)時(shí)間,那么我們就需要將計(jì)算出來(lái)的值存儲(chǔ)起來(lái),當(dāng)調(diào)用這個(gè)函數(shù)的時(shí)候,首先在緩存中查找,如果找不到,則進(jìn)行計(jì)算,然后更新緩存并返回值,如果找到了,直接返回查找到的值即可。閉包正是可以做到這一點(diǎn),因?yàn)樗粫?huì)釋放外部的引用,從而函數(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){//如果結(jié)果在緩存中nbsp;nbsp;nbsp;nbsp;nbsp;returncache[dsid]://直接返回緩存中的對(duì)象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

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶(hù)上傳,版權(quán)歸屬用戶(hù),天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶(hù)請(qǐng)聯(lián)系客服處理。