關於閉包的思考

1.說到閉包,首先要知道作用域問題

變量的作用域有兩種:全局變量和局部變量。下面介紹一下作用:

在js中,函數內部可以直接讀取全局變量。

var n=999;

  function f1(){
    alert(n);
  }

  f1(); // 999

but,在函數外部自然無法讀取函數內的局部變量。

 function f1(){
    var n=999;
  }

  alert(n); // error

注意:函數內部聲明變量的時候,一定要使用var命令。如果不用的話,你實際上聲明瞭一個全局變量! 

 function f1(){
    n=999;
  }

  f1();

  alert(n); // 999

二、如何從外部讀取局部變量?

在函數的內部,再定義一個函數。

function f1(){

    var n=999;

    function f2(){
      alert(n); // 999
    }

  }

三、閉包定義

閉包就是能夠讀取其他函數內部變量的函數。只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解成"定義在一個函數內部的函數"。在本質上,閉包就是將函數內部和函數外部連接起來的一座橋樑。

四、閉包的用途

1.前面提到的可以讀取函數內部的變量,2.讓這些變量的值始終保持在內存中。

function f1(){

    var n=999;

    nAdd=function(){n+=1}

    function f2(){
      alert(n);
    }

    return f2;

  }

  var result=f1();

  result(); // 999

  nAdd();

  result(); // 1000

f1是f2的父函數,而f2被賦給了一個全局變量,這導致f2始終在內存中,而f2的存在依賴於f1,因此f1也始終在內存中,不會在調用結束後,被垃圾回收機制(garbage collection)回收。

五、使用閉包的注意點

1)由於閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。

2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便改變父函數內部變量的值。 

  var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      return function(){
        return this.name;
      };

    }

  };

  alert(object.getNameFunc()());
 var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      var that = this;
      return function(){
        return that.name;
      };

    }

  };

  alert(object.getNameFunc()());

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章