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（關于內存泄露，后期單獨開專題）