javascript中閉包概念與用法深入理解_javascript技巧

本文執行個體分析了javascript中閉包概念與用法。分享給大家供大家參考，具體如下：

1.問題的引出，什麼時候會遇到閉包？

首先因為JS是沒有塊狀範圍的，但是有函數範圍即函數作為了局部變數之間的界限，不同函數內的局部變數具有獨立性，

因為JS沒有塊狀範圍，筆者初學JS時，在事件的監聽時，因為不理解JS中局部變數的範圍，犯過不少錯誤！

(1)JS中的變數範圍

for(var i=0;i<9;i++){}alert(i) //輸出9

我們發現，雖然變數i是塊狀地區for()內的一個局部變數，但是我們在塊級範圍for（）外，依然可以得到變數i

(2)JS中的函數範圍

function abc(){ var a=1;}abc();alert(a);// 會報錯，a is not defined

我們發現，在函數外調用函數後，在函數外是無法取到函數裡的變數

總結：通過（1），（2），我們加深了對JS中，沒有塊級範圍只有函數範圍的理解！

舉例：如果現在例1：

var a=1function abc(){ var a=2;}abc();alert(a) // a=1

特別注意如果例2：

var a=1function abc(){a=2;alert(a);}abc();//a=2

對比例1，不同之處在於例2，中 是“a=2"而不是”var a=2“

區別在於如果是var a,則表示在函數中定義變數a，如果是沒有變數聲明，如果直接a，則表示在全域變數中定義變數a；

2.如果引用函數內部的變數？

由1可知，JS中只存在函數範圍，那麼我們如何才能在拿到函數中定義的變數呢？

根據JS的文法規則：內建函式（或者內部對象）中，可以訪問外部函數中的變數。

什麼意思呢？舉例說明例1：

function abc(){ var a=1; !function(){ alert(a)} ()} //此時不會報錯，a=1

再舉一個例子（內部對象的例子）例2：

var o={ a=1, myfun:function(){ return this.a}}

則alert(o.myfun())得到的值為1，現在我們大概瞭解了如何訪問函數（或者對象，其實函數的本身也是對象）中的變數！

3.什麼是閉包？

我的理解就定義在一個函數內部的函數！

閉包是函數內部與外部之間的橋樑！

即內建函式在定義它的外部使用時，就建立了一個閉包！

我們知道，一般情況下，當函數被調用完，記憶體會被釋放，但是應用於函數閉包比如

function abc1(){ var a=1;function abc2(){ a++；}return abc2()}

當我們調用abc1()函數後，因為abc1函數的中又調用了abc2(）函數，因此函數abc1()中的變數在子函數中被調用，所以在父函數abc1（)調用結束後

變數a的記憶體空間並不會被釋放！

為什麼GC機制無法回收abc1()函數中的變數a，  因為首先我們在全域中調用了函數abc1(），我們設全域對象為c，abc1(）對象為b，同時我們在對象b

即函數abc1（）中又調用了函數abc2（),設abc2（0為a。

再次理解這種關係    c中調用了b，b中又調用了a,JS中規定當a,b對象兩兩互相引用，並且a,b中又有一個被a,b函數之外的對象c引用時，GC機制不執行記憶體回收（變數清空）！

由此我們引出了閉包的重要作用：

如果內建函式在其外部被調用，則會產生閉包，閉包用於儲存某些變數的值，不會被記憶體回收機制回收！

4.閉包的缺點

因為使用閉包後，某些變數會在函數調用之後持續的保持在記憶體中，因此濫用閉包會導致記憶體流失！

5.擴充應用，加深對於閉包的理解！

var o={ a:1;myfunc:function(){return function(){ return this.a;}}alert(o.myfunc()()); // a is not defined}

更多關於JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript資料結構與演算法技巧總結》、《JavaScript數學運算用法總結》、《JavaScript切換特效與技巧總結》、《JavaScript尋找演算法技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript遍曆演算法與技巧總結》

希望本文所述對大家JavaScript程式設計有所協助。