JavaScript 閉包

Profeel 發(fā)布于2019-08-20 14:15 / 2853人閱讀

摘要：變量按照作用范圍可以分為全局變量和局部變量。全局變量或者又或者局部變量或者在頁面中全局變量屬于對(duì)象。全局和局部變量即便名稱相同，它們也是兩個(gè)不同的變量。這些變量是局部變量，作用域是局部性的函數(shù)的參數(shù)也是局部性的，只在函數(shù)內(nèi)部起作用。

前言：
參考文檔http://www.runoob.com/js/js-f...

問：為什么有它？

答：因?yàn)樗接凶兞俊?/p>

JavaScript變量按照作用范圍可以分為全局變量和局部變量。
私有變量需要用閉包。

全局變量：

var a = 4;
function myFunction() {
    return a * a;
}

或者：

a = 4;
function myFunction() {
    return a * a;
}

又或者：

function myFunction() {
    a = 4;
    return a * a;
}

局部變量：

function myFunction() {
    var a = 4;
    return a * a;
}

或者：

function myFunction(a) {
    return a * a;
}

在web頁面中全局變量屬于window對(duì)象。
局部變量只能用于定義它的函數(shù)內(nèi)部。

全局和局部變量即便名稱相同，它們也是兩個(gè)不同的變量。修改其中一個(gè)，不會(huì)影響另一個(gè)的值。

注意：變量聲明是如果不使用 var 關(guān)鍵字，那么它就是一個(gè)全局變量，即便它在函數(shù)內(nèi)定義。

變量生命周期：

全局變量的作用域是全局性的，即在整個(gè)JavaScript程序中，全局變量處處都在。
而在函數(shù)內(nèi)部聲明的變量，只在函數(shù)內(nèi)部起作用。這些變量是局部變量，作用域是局部性的；函數(shù)的參數(shù)也是局部性的，只在函數(shù)內(nèi)部起作用。

實(shí)例解析閉包：

還是以計(jì)數(shù)器為例。簡(jiǎn)單易懂。

var counter = 0;

function add() {
    counter += 1;
}

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

// 計(jì)數(shù)器現(xiàn)在為 3

這里的counter是全局變量，容易被其他地方不小心修改了值。這時(shí)再試試局部變量：

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

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

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

JavaScript內(nèi)嵌函數(shù)可以解決該問題。但還是存在另一個(gè)問題，就是每次執(zhí)行這個(gè)函數(shù)里的counter=0這個(gè)賦值操作都會(huì)被執(zhí)行一次。
就是說返回的結(jié)果還是1。

function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();
    return counter;
}
var a = add();
console.log(a);
var b = add();
console.log(b);

所以還需要處理這個(gè)問題，就是確保counter=0只執(zhí)行一次。這時(shí)需要閉包。

JavaScript閉包：

這里還會(huì)用到函數(shù)自我調(diào)用。因?yàn)樗粓?zhí)行一次。

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

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

// 計(jì)數(shù)器為 3

實(shí)例解析：

變量add指定了函數(shù)自我調(diào)用的返回字值。
自我調(diào)用函數(shù)只執(zhí)行一次。設(shè)置計(jì)數(shù)器為 0。并返回函數(shù)表達(dá)式。
add變量可以作為一個(gè)函數(shù)使用。非常棒的部分是它可以訪問函數(shù)上一層作用域的計(jì)數(shù)器。
這個(gè)叫作 JavaScript閉包。它使得函數(shù)擁有私有變量變成可能。
計(jì)數(shù)器受匿名函數(shù)的作用域保護(hù)，只能通過add方法修改。

注意：閉包是可訪問上一層函數(shù)作用域里變量的函數(shù)，即便上一層函數(shù)已經(jīng)關(guān)閉。