javascript進階系列專題：閉包(Closure)

在javascript中，函數可看做是一種數據，能夠賦值給變量，能夠嵌套在另外一個函數中。

var fun = function(){
    console.log("平底斜");
}

function fun(){
    var n=10;
    function son(){
       n++;
    }
    son();
    console.log(n);
}
fun();  //11
fun();  //11

咱們把上面第二段代碼稍微修改下：

var n=10;
function fun(){
    function son(){
       n++;
    }
    son();
    console.log(n);
}
fun();  //11
fun();  //12

看出差異了嗎，若是理解不了代碼執行結果，請看上一篇博文，關於javascript做用域和做用域鏈的講解。

上面這段代碼中變量n是全局變量，隨時可能被從新賦值，而無需經過fun函數的調用。爲了讓變量n不受污染，或者說是減小全局變量的污染，咱們須要把n放到函數中做爲局部變量。

function fun(){
    var n=10;
    function son(){
        n++;
        console.log(n);
    }
    son();
}
fun();  //11
fun();  //11

若是咱們能夠在全局中直接調用son函數，那麼即可以達成想要的效果。son函數如今是做爲局部變量存在，要想在全局中訪問，通常有兩種方法：

一種是賦值給全局變量

var a;
function fun(){
    var n=10;
    a = function son(){
        n++;
        console.log(n);
    }
}
fun();  //son()
a();  //11
a();  //12

另外一種是使用return返回值

function fun(){
    var n=10;
    return function son(){
        n++;
        console.log(n);
    }
}
var a=fun();
a();  //11
a();  //12

上面的son()函數就是閉包，某種意義上全部函數均可以看做閉包。閉包就是能夠訪問外層函數做用域的變量的函數。

var a;
function fun(){
    var n=10;
    a = function son(){
        n++;
        console.log(n);
    }
    return a();
}
fun();  //11
a();  //12
a();  //13
fun();  //11
a();  //12
a();  //13

仍是上面那段代碼，咱們稍微修改下，再看看執行結果，這是由於每次執行fun()函數時都會初始化變量n。

閉包的好處是減小全局變量，避免全局污染，能夠將局部變量保存在內存中。但這既是優勢又是缺點，一段代碼中若是閉包過多，有可能形成內存泄露。因爲閉包中局部變量不會被垃圾回收機制回收，因此須要手動賦值爲null（關於內存泄露，後期單獨開專題）