Javascript：閉包(Closure)與提升(Hoisting)機制

javascript與傳統的C有著很大的差別，接下來會針對兩個獨有的特性Closure、Hoisting進行介紹。

一、Closure：閉包    Closure比較特別，很少有程式語言支持這種特性，通常一個變數的生命週期範圍在離開該function的範圍時就會被回收，而且在function中的變數我們稱為區域變數，只能使用該區域變數而不能使用function外的變數，但javascript並非如此，舉個例子來說：

function doSome(){
     var x = 10;
     function sum(y){
         return x + y;
     }
     return sum;
}
var foo = doSome();
foo(20);//30

    上面的例子中，sum建立了一個閉包：

function sum(y){
     return x + y;
}

    看起來x沒有定義，但實際上x是從外部函式doSome捕捉而來，形成了閉包，它將變數x關入自己的範圍，如果閉包的函式物件繼續存活，那麼變數x也會繼續存活，就像是延續了變數x的生命週期，由於doSome傳回了sum並指定給foo，就doSome而言已經執行完畢，理應變數x應該結束生命週期並回收，但實則不然，那麼在看下面的代碼可能會造成一些疑惑。

function doSome(){
    var x = 10;
    function sum(){
       x++;
       return x;
    }
    return sum;
}
var f1 = doSome();
var f2 = doSome();
console.log(f1())
console.log(f2())

    第一個結果11，沒有問題，那麼第二個結果會是如何呢?一般來說我們可能認為變數在第一次doSome()之後已經為11了，但並非如此，原因是每一次呼叫時會建立x變數並指定值給x變數，而後建立閉包並將之關閉，所以f1與f2關閉的根本是不同作用範圍的x變數，

var Counter = (function () {
    var privateCounter = 0;

    function changeBy(value) {
        privateCounter += value;
    }

    return {
        increment: function (value) {
            changeBy(value);
        },
        decrement: function (value) {
            changeBy(-value);
        },
        getValue: function () {
            return privateCounter;
        }
    }
})()
Counter.increment(2);
console.log(Counter.getValue());//2
Counter.decrement(1);
console.log(Counter.getValue());//1

    上面這段程式碼就是閉包的一個物件導向應用，建立一個Counter物件裡面有一個內部私有屬性privateCounter、一個內部私有函數changeBy，三個外部公開函數incremnent、decrement、getValue，因此在使用時會更像物件導向的應用，達到封裝性的效果，閉包雖然好用，但使用時應該特別注意哪些元素不再被使用應該被回收，就不要繼續去沿用它。 

    二、Hoisting：提升機制 

    一種把宣告提升到所在區域內頂端的行為，因此可以再宣告前即使用，但提昇的行為只針對宣告的部分，對於變數的指定並沒有跟著被提升，心中所想的t印出後應該會是false，如下：

var t = false;
function hoisting(){
    if (t){
        var t = 5;
    }
    console.log(t);
}
hoisting();

    但結果卻不是印出false而是印出undefined，或許將真正的執行過程拆解成如下更清楚：

var t = false;
hoisting();
function hoisting(){
    var t;
    if (t) t = 5;
    console.log(t);
}

    除此之外我們將hoisting();移到宣告前面去執行，結果仍正常執行，而這也是因為hoisting的機制所致。