什么是閉包?相信很多人聽(tīng)了有點(diǎn)懵,然后去百度查了一下官方的定義“閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)”發(fā)現(xiàn)感覺(jué)自己更懵了。關(guān)于閉包如果只看那官方的定義的話(huà)確實(shí)不是讓人很容易理解。
要想理解什么是閉包,首先得弄清楚什么是作用域,作用域可以理解為一個(gè)變量可以使用的范圍。
在 JavaScript 中有兩種作用域類(lèi)型:
- 局部作用域
在 JavaScript 函數(shù)中聲明的變量會(huì)成為函數(shù)的局部變量。局部變量的作用域是局部的所以只能在函數(shù)內(nèi)部訪問(wèn)它們。
- 全局作用域
函數(shù)外聲明的變量屬于全局變量。全局變量的作用域是全局的所以網(wǎng)頁(yè)的任意部分和函數(shù)都能夠訪問(wèn)它。
有了作用域做鋪墊,再來(lái)學(xué)習(xí)閉包就容易多了。
function f1(){ var n=10;//局部變量n //在f1函數(shù)內(nèi)部聲明的f2函數(shù) function f2(){ alert(n); } return f2;//將f2函數(shù)作為f1函數(shù)的返回值 } var fobj=f1();//f1調(diào)用完后的返回值是一個(gè)f2函數(shù),此時(shí)fobj就是f2函數(shù) fobj(); // 輸出10,調(diào)用f2函數(shù)
上述代碼就是一個(gè)簡(jiǎn)單的閉包函數(shù),閉包的用處有兩個(gè),一個(gè)是可以讀取函數(shù)內(nèi)部的變量,另一個(gè)就是在內(nèi)存中讓這些變量的值始終保持。
function f1(){ var n=5;//局部變量n add=function(){ //fdd前面沒(méi)有使用var關(guān)鍵字,因此add是一個(gè)全局變量的匿名函數(shù) n+=1 } //在f1函數(shù)內(nèi)部聲明的f2函數(shù) function f2(){ alert(n); } return f2; } var fadd=f1(); result(); // 輸出5 add(); fadd(); // 輸出6
從上面這段代碼中可以看出,fadd就是閉包f2函數(shù)。它一共運(yùn)行了兩次,第一次的值是5,第二次的值是6。這證明函數(shù)f1中的局部變量n一直保存在內(nèi)存中,并沒(méi)有在f1調(diào)用后被自動(dòng)清除。因?yàn)閒1是f2的父函數(shù),而f2相當(dāng)于賦給了f1一個(gè)全局變量,所以f2一直在內(nèi)存中。而f2的存在又依賴(lài)于f1,因此f1也一直在內(nèi)存中,不會(huì)在調(diào)用結(jié)束后回收。
由于閉包會(huì)使函數(shù)中的變量都被保存在內(nèi)存中,導(dǎo)致內(nèi)存消耗很大,造成網(wǎng)頁(yè)的性能問(wèn)題,在IE中還可能導(dǎo)致內(nèi)存泄露,所以不能濫用閉包,在退出函數(shù)之前,將不使用的局部變量全部刪除。