javascript閉包應(yīng)用2 - javascript閉包原理及應(yīng)用

　　javascript閉包的應(yīng)用2：

　　這個(gè)是無憂上的例子，為每個(gè)《li》結(jié)點(diǎn)綁定click事件彈出循環(huán)的索引值。起初寫成

　　id.onclick = function（）{ alert（i）; }　　id.onclick = function（）{alert（i）;}

　　發(fā)現(xiàn)最終彈出的都是4，而不是想要的 1、2、3，因?yàn)檠h(huán)完畢后i值變成了4。為了保存i的值，同樣我們用閉包實(shí)現(xiàn)：

　　《！DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”》

　　《html xmlns=“http://www.w3.org/1999/xhtml”》

　　《head》

　　《title》《/title》

　　《script type=“text/javascript”》《！--

　　window.onload = function（） {

　　for （var i = 1; i 《 4; i++） {

　　var id = document.getElementById（“a” + i）;

　　id.onclick = （function（i） {

　　return function（） {

　　alert（i）;

　　}

　　}）（i）;

　　}

　　}

　　// --》《/script》

　　《/head》

　　《body》

　　《ul》

　　《li id=“a1”》aa《/li》

　　《li id=“a2”》aa《/li》

　　《li id=“a3”》aa《/li》

　　《/ul》

　　《/body》

　　《/html》

　?。╬s：var a = （function（）{}）（）; 與 var a =new function（）{}效果是一樣的，均表示自執(zhí)行函數(shù)。）

　　javascript閉包的應(yīng)用3：

　　下面的code是緩存的應(yīng)用，catchNameArr。在匿名函數(shù)的調(diào)用對(duì)象中保存catch的值，返回的對(duì)象由于被CachedBox變量引用導(dǎo)致匿名函數(shù)的調(diào)用對(duì)象不會(huì)被回收，從而保持了catch的值。可以通過CachedBox.getCatch（“regionId”）;來操作，若找不到regionId則從后臺(tái)取，catchNameArr 主要是為了防止緩存過大。

　　《script type=“text/javascript”》

　　var CachedBox = （function（） {

　　var cache = {}， catchNameArr = ［］， catchMax = 10000;

　　return {

　　getCatch： function（name） {

　　if （name in cache） {

　　return cache［name］;

　　}

　　var value = GetDataFromBackend（）;

　　cache［name］ = value;

　　catchNameArr.push（name）;

　　this.clearOldCatch（）;

　　return value;

　　}，

　　clearOldCatch： function（） {

　　if （catchNameArr.length 》 catchMax） {

　　delete cache［catchNameArr.shift（）］;

　　}

　　}

　　};

　　}）（）;

　　《/script》

　　同理，也可以用這種思想實(shí)現(xiàn)自增長(zhǎng)的ID。

　　《script type=“text/javascript”》

　　var GetId = （function（） {

　　var id = 0;

　　return function（） {

　　return id++;

　　}

　　}）（）;

　　var newId1 = GetId（）;

　　var newId2 = GetId（）;

　　《/script》