亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

設想下如果你想統計一些數值，且該計數器在所有函數中都是可用的。

你可以使用全局變量，函數設置計數器遞增：

var counter = 0;

function add() {
   return counter += 1;
}

add();
add();
add();

// 計數器現在為 3

計數器數值在執(zhí)行 add() 函數時發(fā)生變化。

但問題來了，頁面上的任何腳本都能改變計數器，即便沒有調用 add() 函數。

如果我在函數內聲明計數器，如果沒有調用函數將無法修改計數器的值：

function add() {
    var counter = 0;
    counter += 1;
}

add();
add();
add();

// 本意是想輸出 3, 但事與愿違，輸出的都是 1 !

JavaScript 內嵌函數

所有函數都能訪問全局變量。  

實際上，在 JavaScript 中，所有函數都能訪問它們上一層的作用域。

JavaScript 支持嵌套函數。嵌套函數可以訪問上一層的函數變量。

該實例中，內嵌函數 plus() 可以訪問父函數的 counter 變量：

function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();    
    return counter; 
}

如果我們能在外部訪問 plus() 函數，這樣就能解決計數器的困境。

我們同樣需要確保 counter = 0 只執(zhí)行一次。

我們需要閉包。

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

add();
add();
add();

// 計數器為 3