天天看點

對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

}

繼續閱讀