1.什么是閉包? 有什么作用软啼?
閉包的英文單詞是closure桑谍,是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中變量的函數(shù)。
閉包在本質(zhì)上祸挪,就是將函數(shù)內(nèi)部和函數(shù)外部連接起來(lái)的一座橋梁锣披,內(nèi)層函數(shù)可以使用外層函數(shù)的所有變量,即使外層函數(shù)已經(jīng)執(zhí)行完畢贿条。
-
閉包的作用
1.使用閉包可以大大減少我們的代碼量雹仿,是代碼看上去更加清晰。
2.保護(hù)函數(shù)內(nèi)變量的安全
3.在內(nèi)存中維持一個(gè)變量
4.閉包使得Javascript的垃圾回收機(jī)制(GC)不會(huì)收回變量所占用的資源闪唆,GC指的是*垃圾收集器會(huì)定期(周期性)找出那些不在繼續(xù)使用的變量盅粪,然后釋放其內(nèi)存,不再使用的變量也就是生命周期結(jié)束的變量悄蕾,當(dāng)然只可能是局部變量票顾,全局變量的生命周期直至瀏覽器卸載頁(yè)面才會(huì)結(jié)束。局部變量只在函數(shù)的執(zhí)行過(guò)程中存在帆调,而在這個(gè)過(guò)程中會(huì)為局部變量在椀旖荆或堆上分配相應(yīng)的空間,以存儲(chǔ)它們的值番刊,然后在函數(shù)中使用這些變量含鳞,直至函數(shù)結(jié)束,而閉包中由于內(nèi)部函數(shù)的原因芹务,外部函數(shù)并不能算是結(jié)束蝉绷。
以下詳細(xì)的代碼實(shí)例:
//創(chuàng)建閉包
function myfn(){
return function(){
return ("我是內(nèi)層匿名函數(shù)")
}
}
console.log(myfn)//輸出整個(gè)函數(shù)表達(dá)式
console.log(myfn())//輸出內(nèi)部的匿名函數(shù)表達(dá)式
調(diào)用方式1
console.log(myfn()())//輸出內(nèi)部匿名函數(shù)的返回值:“我是內(nèi)層匿名函數(shù)”
調(diào)用方式2
var bb=myfn()
console.log(bb())//輸出:“我是內(nèi)層匿名函數(shù)”
作用1- 通過(guò)閉包訪問(wèn)局部變量
function myfn(){
var aa="局部變量aa"
}
console.log(aa);// aa is not defined,由于aa是局部變量函數(shù)外無(wú)法訪問(wèn)function myfn(){ var aa="局部變量aa" return function(){ return(aa)//通過(guò)匿名函數(shù)返回函數(shù)myfn()的局部變量aa } } console.log(myfn()())//調(diào)用方式1:輸出-“局部變量aa” var bb=myfn() console.log(bb());//調(diào)用方式2:輸出-“局部變量aa” //作用2:把局部變量的值始終保存在內(nèi)存中,可以避免使用全局變量枣抱,全局變量會(huì)導(dǎo)致命名沖突熔吗、垃圾回收等麻煩,閉包的缺陷就是由于閉包資源不會(huì)被立刻銷(xiāo)毀會(huì)大量的占用內(nèi)存佳晶,導(dǎo)致性能下降 var num=10; function add(){ console.log(++num); } add();//輸出10 add();//輸出11 add();//輸出12桅狠,函數(shù)沒(méi)執(zhí)行一次,累計(jì)一次轿秧,因?yàn)閚um是全局變量 function ad(){ var num=100;//改為局部變量 console.log(++num); } ad();ad();ad();//3次輸出結(jié)果都是100中跌,局部變量無(wú)法實(shí)現(xiàn)累加 //閉包實(shí)現(xiàn)局部變量的累加 function addd(){ var num=1000;//局部變量 return function(){ num++; console.log(num) } } addd()(); addd()(); addd()();//輸出結(jié)果都為1000,調(diào)用方式1失敗菇篡,因?yàn)? //每調(diào)用一次函數(shù)漩符,初始化函數(shù)一次, var fn=addd(); fn();fn();fn();//輸出結(jié)果1001,1002,1003驱还,調(diào)用方式2成功陨仅,因?yàn)閳?zhí)行3次函數(shù)只初始化函數(shù)一次津滞,后面調(diào)用時(shí)執(zhí)行里面的匿名函數(shù) fn=null //賦值為null,有利于垃圾回收器回收灼伤,釋放內(nèi)存,提高性能
2.setTimeout 0 有什么作用
-
實(shí)現(xiàn)實(shí)現(xiàn)javascript的異步咪鲜,正常情況下javascript都是按照順序執(zhí)行的狐赡。但是我們可能讓該語(yǔ)句后面的語(yǔ)句執(zhí)行完再執(zhí)行本身,這時(shí)就可以用到setTimeout延時(shí)0ms來(lái)實(shí)現(xiàn)了
console.log(1) setTimeout("console.log(2)",0); console.log(3); //正常按順序執(zhí)行輸出結(jié)果為1,2,3 //但是延時(shí)了0ms后疟丙,輸出結(jié)果為:1,3,2
-
在事件中颖侄,setTimeout 會(huì)在其完成當(dāng)前任何延宕事件的事件處理器的執(zhí)行,以及完成文檔當(dāng)前狀態(tài)更新后享郊,告訴瀏覽器去啟用 setTimeout 內(nèi)注冊(cè)的函數(shù)览祖。
<input id="lower" type="text" placeholder="請(qǐng)輸入字母"> <script type="text/javascript"> var lower=document.getElementById("lower"); lower.addEventListener("keydown",function(){ var a=this; setTimeout(function(){ a.value=a.value.toUpperCase(); },0); }) </script>