javascript---閉包

stormgens 發(fā)布于2019-08-26 11:37 / 961人閱讀

摘要：要理解閉包，首先必須理解特殊的變量作用域。使用閉包有一個(gè)優(yōu)點(diǎn)，也是它的缺點(diǎn)就是可以把局部變量駐留在內(nèi)存中，可以避免使用全局變量。

js閉包

閉包是指有權(quán)訪問另一個(gè)函數(shù)作用域中的變量的函數(shù)，創(chuàng)建閉包的常見的方式，就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)，通過另一個(gè)函數(shù)訪問這個(gè)函數(shù)的局部變量。要理解閉包，首先必須理解Javascript特殊的變量作用域。變量的作用域無非就是兩種：全局變量和局部變量。Javascript語言的特殊之處，就在于函數(shù)內(nèi)部可以直接讀取全局變量。
出于種種原因，我們有時(shí)候需要得到函數(shù)內(nèi)的局部變量。但是，前面已經(jīng)說過了，正常情況下，這是辦不到的，只有通過變通方法才能實(shí)現(xiàn), 這種方法就是閉包。

    function box() {
    var user = "Lee";
    return function () { //通過匿名函數(shù)返回 box()局部變量
    return user;
    };
    }
    alert(box()()); //通過box()()來直接調(diào)用匿名函數(shù)返回值
    var b = box();
    alert(b());

閉包是指有權(quán)訪問另一個(gè)函數(shù)作用域中的變量的函數(shù)，創(chuàng)建閉包的常見的方式，就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)，通過另一個(gè)函數(shù)訪問這個(gè)函數(shù)的局部變量。。

使用閉包有一個(gè)優(yōu)點(diǎn)，也是它的缺點(diǎn)：就是可以把局部變量駐留在內(nèi)存中，可以避免使用全局變量。(全局變量污染導(dǎo)致應(yīng)用程序不可預(yù)測(cè)性，每個(gè)模塊都可調(diào)用必將引來災(zāi)難，所以推薦使用私有的，封裝的局部變量)

js閉包---var vs let

有一個(gè)比較有意思的事情就是 ES6推出的let congst之后引發(fā)的一場(chǎng)血案, ^_^這場(chǎng)血案需要格外注意

下面來看兩段代碼, 其中唯一的區(qū)別就是 for 循環(huán)中 i 變量的關(guān)鍵字前者為 var 后者為 let, 兩者都是用了閉包的概念

    function box() {
      var arr = [];
      for (let i = 0; i < 5; i++) {
        arr[i] = function () {
        return i;
        };
      }
      return arr;
    }
    let b = box(); //得到函數(shù)數(shù)組
    for (let i = 0; i < b.length; i++) {
      console.log(b[i]()); //輸出每個(gè)函數(shù)的值，都是最后一個(gè)值
    }
    //運(yùn)行結(jié)果
    // 0
    // 1
    // 2
    // 3
    // 4

    function box() {
      let arr = [];
      for (let i = 0; i < 5; i++) {
        arr[i] = function () {
        return i;
        };
      }
      return arr;
    }
    let b = box(); //得到函數(shù)數(shù)組
    for (let i = 0; i < b.length; i++) {
      console.log(b[i]()); //輸出每個(gè)函數(shù)的值，都是最后一個(gè)值
    }
    //運(yùn)行結(jié)果
    // 0
    // 1
    // 2
    // 3
    // 4

這里設(shè)計(jì)了作用域的問題, 更涉及了 var 和 let 在 for 循環(huán)中條件表達(dá)式中的與其他高級(jí)語言的不同, 除了 var 不存在塊級(jí)作用域 let 存在代碼塊作用域這一說不加詳細(xì)介紹,最關(guān)鍵的是如果條件語句中用 let 則在每次循環(huán)的初期都會(huì)生成一個(gè)變量-(這與 c 語言, java 不同) ,而 var 只會(huì)在訪問初期調(diào)用一次生成一個(gè)變量, 這個(gè)是js最新出現(xiàn)的閉包相關(guān)的易錯(cuò)點(diǎn).