關(guān)于閉包封裝變量的問(wèn)題

isFirstLoad返回的是function (id){}，又有如下代碼

var firstLoad = isFirstLoad();

因此firstLoad就是function (id){}

這是一個(gè)典型的閉包問(wèn)題！
講閉包，那么就很有必要說(shuō)一下變量作用域。JavaScript有兩種作用域：全局作用域和函數(shù)作用域。

var list = [true, false];
function isFirstLoad() {
  console.log(list);
}
isFirstLoad(); // [true, false]

上面代碼中，函數(shù)isFirstLoad可以讀取全局變量list。

function isFirstLoad() {
  var list = [true, false];
}
console.log(list); // Uncaught ReferenceError: list is not defined

上面代碼中，函數(shù)isFirstLoad內(nèi)部聲明的變量list，在函數(shù)外部是無(wú)法讀取的。

由于種種因素，我們不得不需要函數(shù)內(nèi)的局部變量，這可怎么辦？設(shè)計(jì)之初，辦法就幫我們想好了，就是在函數(shù)的內(nèi)部，再定義一個(gè)函數(shù)。

function isFirstLoad() {
  var list = [true, false];
  function innerIsFirstLoad() {
    console.log(list);
  }
  return innerIsFirstLoad;
}
var firstLoad = isFirstLoad();
firstLoad(); // [true, false]

上面代碼中，函數(shù)innerIsFirstLoad就在函數(shù)isFirstLoad內(nèi)部，這時(shí)isFirstLoad內(nèi)部的所有局部變量，對(duì)innerIsFirstLoad都是可見(jiàn)的，但是innerIsFirstLoad內(nèi)部的局部變量，對(duì)isFirstLoad就是不可見(jiàn)的，這就是JavaScript語(yǔ)言特有的”鏈?zhǔn)阶饔糜颉苯Y(jié)構(gòu)，子對(duì)象會(huì)一級(jí)一級(jí)地向上尋找所有父對(duì)象的變量，所以，父對(duì)象的所有變量，對(duì)子對(duì)象都是可見(jiàn)的，反之則不成立。

注意：這里函數(shù)isFirstLoad的返回值是函數(shù)innerIsFirstLoad，由于innerIsFirstLoad可以讀取isFirstLoad的內(nèi)部變量，所以就可以在外部獲得isFirstLoad的內(nèi)部變量了。其中函數(shù)innerIsFirstLoad就是閉包，即能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在JavaScript語(yǔ)言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取內(nèi)部變量，因此可以把閉包簡(jiǎn)單理解成定義在一個(gè)函數(shù)內(nèi)部的函數(shù)。閉包最大的特點(diǎn)，就是它可以記住生成的環(huán)境，比如innerIsFirstLoad記住了它生成的環(huán)境isFirstLoad，所以從innerIsFirstLoad可以得到isFirstLoad的內(nèi)部變量。在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來(lái)的一座橋梁。

閉包的作用很多，比較常用的幾個(gè)：

1. 可以讀取函數(shù)內(nèi)部的變量，并將這些變量始終保持在內(nèi)存中
2. 封裝私有屬性和私有方法

廢話說(shuō)得有點(diǎn)多，請(qǐng)耐心讀完?；氐侥膯?wèn)題：
問(wèn)題一：_list為什么是私有的？
因?yàn)開(kāi)list在函數(shù)isFirstLoad內(nèi)部，函數(shù)外部訪問(wèn)不到的！

function isFirstLoad (){    //查詢是否是第一次輸入函數(shù)
    debugger;
    var _list = [];
    return function (id){
        if(_list.indexOf(id) >= 0){    
            return false;
        }else{
            _list.push(id);
            return true;
        }
    };
}
console.log(_list); // Uncaught ReferenceError: _list is not defined

問(wèn)題二：firstLoad(10)在傳參的時(shí)候直接進(jìn)到了function (id)嗎？
仔細(xì)分析示例代碼，函數(shù)isFirstLoad的返回值其實(shí)是一個(gè)匿名函數(shù)，如果這樣不好理解，咱們來(lái)改造下：

function isFirstLoad (){    //查詢是否是第一次輸入函數(shù)
    var _list = [];
        function innerIsFirstLoad (id){
        if(_list.indexOf(id) >= 0){    
            return false;
        }else{
            _list.push(id);
            return true;
        }
    };
    return innerIsFirstLoad;
}
var firstLoad = isFirstLoad();
    console.log(firstLoad(10));    
    console.log(firstLoad(10));
    console.log(firstLoad(20));

函數(shù)isFirstLoad的返回值為函數(shù)innerIsFirstLoad，即isFirstLoad()運(yùn)行結(jié)果為innerIsFirstLoad，在這里我們將它賦值給變量firstLoad。在這里函數(shù)innerIsFirstLoad就是一個(gè)閉包，它可以記住生產(chǎn)的環(huán)境為函數(shù)isFirstLoad，并可以訪問(wèn)函數(shù)局部變量_list，同時(shí)將_list始終保持在內(nèi)存中，通過(guò)閉包，_list的狀態(tài)被保留了，每一次調(diào)用都是在上一次調(diào)用的基礎(chǔ)上進(jìn)行計(jì)算，所以會(huì)出現(xiàn)true，false，true的結(jié)果。

最后您按之前的思路改寫(xiě)的，只是普通函數(shù)調(diào)用，并沒(méi)有內(nèi)存等之說(shuō)，所有每次都是一樣的結(jié)果！
最最后祝您新年快樂(lè)！