本文實例分析了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=1 function abc(){ var a=2; } abc(); alert(a) // a=1
特別注意如果例2:
var a=1 function 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程序設計有所幫助。