詳解js閉包

Chiclaim 發(fā)布于2019-08-21 12:27 / 782人閱讀

摘要：但閉包的情況不同嵌套函數(shù)的閉包執(zhí)行后，，然后還在被回收閉包會(huì)使變量始終保存在內(nèi)存中，如果不當(dāng)使用會(huì)增大內(nèi)存消耗。每個(gè)函數(shù)，不論多深，都可以認(rèn)為是全局的子作用域，可以理解為閉包。

閉包（closure）是Javascript語言的一個(gè)難點(diǎn)，也是它的特色，很多高級(jí)應(yīng)用都要依靠閉包實(shí)現(xiàn)。

閉包的特性

閉包有三個(gè)特性：

1.函數(shù)嵌套函數(shù)
2.函數(shù)內(nèi)部可以引用外部的參數(shù)和變量
3.參數(shù)和變量不會(huì)被垃圾回收機(jī)制回收

閉包的定義及其優(yōu)缺點(diǎn)

閉包是指有權(quán)訪問另一個(gè)函數(shù)作用域中的變量的函數(shù)，創(chuàng)建閉包的最常見的方式就是在一個(gè)函數(shù)內(nèi)創(chuàng)建另一個(gè)函數(shù)，通過另一個(gè)函數(shù)訪問這個(gè)函數(shù)的局部變量

閉包的缺點(diǎn)就是常駐內(nèi)存，會(huì)增大內(nèi)存使用量，使用不當(dāng)很容易造成內(nèi)存泄露。

閉包是javascript語言的一大特點(diǎn)，主要應(yīng)用閉包場(chǎng)合主要是為了：設(shè)計(jì)私有的方法和變量。

一般函數(shù)執(zhí)行完畢后，局部活動(dòng)對(duì)象就被銷毀，內(nèi)存中僅僅保存全局作用域。但閉包的情況不同！

嵌套函數(shù)的閉包

   function aaa() {  
          var a = 1;  
          return function(){
           alert(a++)
          };  
        }         
        var fun = aaa();  
        fun();// 1 執(zhí)行后 a++，，然后a還在~  
        fun();// 2   
        fun = null;//a被回收！！

閉包會(huì)使變量始終保存在內(nèi)存中，如果不當(dāng)使用會(huì)增大內(nèi)存消耗。

javascript的垃圾回收原理

（1）、在javascript中，如果一個(gè)對(duì)象不再被引用，那么這個(gè)對(duì)象就會(huì)被GC回收；
（2）、如果兩個(gè)對(duì)象互相引用，而不再被第3者所引用，那么這兩個(gè)互相引用的對(duì)象也會(huì)被回收。

使用閉包的好處

那么使用閉包有什么好處呢？使用閉包的好處是：

1.希望一個(gè)變量長(zhǎng)期駐扎在內(nèi)存中
2.避免全局變量的污染
3.私有成員的存在

一、全局變量的累加

二、局部變量

那么怎么才能做到變量a既是局部變量又可以累加呢？

三、局部變量的累加

函數(shù)聲明與函數(shù)表達(dá)式

在js中我們可以通過關(guān)鍵字function來聲明一個(gè)函數(shù)：

我們也可以通過一個(gè)"()"來將這個(gè)聲明變成一個(gè)表達(dá)式：

四、模塊化代碼，減少全局變量的污染

五、私有成員的存在

六.使用匿名函數(shù)實(shí)現(xiàn)累加

//使用匿名函數(shù)實(shí)現(xiàn)局部變量駐留內(nèi)存中，從而實(shí)現(xiàn)累加

過度使用閉包會(huì)導(dǎo)致性能的下降。函數(shù)里放匿名函數(shù)，則產(chǎn)生了閉包

七、在循環(huán)中直接找到對(duì)應(yīng)元素的索引

八、使用閉包改寫上面代碼

九.內(nèi)存泄露問題

由于IE的js對(duì)象和DOM對(duì)象使用不同的垃圾收集方法，因此閉包在IE中會(huì)導(dǎo)致內(nèi)存泄露問題，也就是無法銷毀駐留在內(nèi)存中的元素

function closure(){
    var oDiv = document.getElementById("oDiv");//oDiv用完之后一直駐留在內(nèi)存中
    oDiv.onclick = function () {
        alert("oDiv.innerHTML");//這里用oDiv導(dǎo)致內(nèi)存泄露
    };
}
closure();
//最后應(yīng)將oDiv解除引用來避免內(nèi)存泄露
function closure(){
    var oDiv = document.getElementById("oDiv");
    var test = oDiv.innerHTML;
    oDiv.onclick = function () {
        alert(test);
    };
    oDiv = null;
}

10.新增

很多初學(xué)者學(xué)了閉包后，可能也不懂到底在哪里才有用到，甚至不懂閉包到底有啥用。
其實(shí)你寫的每一個(gè)js函數(shù)都是閉包，一個(gè)js函數(shù)的頂層作用域就是window對(duì)象，js的執(zhí)行環(huán)境本身就是一個(gè)scope（瀏覽器的window/node的global），我們通常稱之為全局作用域。每個(gè)函數(shù)，不論多深，都可以認(rèn)為是全局scope的子作用域，可以理解為閉包。

擴(kuò)展閱讀：javascript學(xué)習(xí)總結(jié)（四）function函數(shù)部分