初識(shí)閉包

鄒強(qiáng) 發(fā)布于2019-08-20 16:20 / 1316人閱讀

摘要：寫(xiě)文章之前，查閱了很多的資料，也看了很多大牛對(duì)閉包的解釋，現(xiàn)在總算是對(duì)閉包有了一定的理解。那么如果我們要訪問(wèn)中的該怎么辦呢這個(gè)時(shí)候就需要引入閉包了。閉包的作用閉包除了能訪問(wèn)函數(shù)內(nèi)部的局部變量，還有一個(gè)作用就是將函數(shù)內(nèi)部的變量值儲(chǔ)存到內(nèi)存中。

寫(xiě)文章之前，查閱了很多的資料，也看了很多大牛對(duì)閉包的解釋，現(xiàn)在總算是對(duì)閉包有了一定的理解。

作用域

可能你會(huì)問(wèn)：明明是講閉包，為什么又講作用域了？在理解閉包之前我們首先要明白JavaScript中變量作用域的概念，我們都知道JavaScript的變量分為局部變量和全局變量，比如：

var global = 1;

function f1() {
    var local = 2;
    console.log(global )    // 1
    console.log(local)    // 2
}

console.log(global )    // 1
console.log(local)    // local is not defined

在上面示例中g(shù)lobal是全局變量，因此可以在任何地方訪問(wèn)它，而local是定義在函數(shù)f1()中的局部變量，因此只能在f1()中訪問(wèn)。那么如果我們要訪問(wèn)f1()中的local該怎么辦呢？這個(gè)時(shí)候就需要引入閉包了。

閉包的概念

現(xiàn)在我們來(lái)說(shuō)什么是閉包，我所理解的閉包就是就是可以訪問(wèn)其他函數(shù)內(nèi)部的函數(shù)。同樣像前面的例子，我們現(xiàn)在就用閉包來(lái)實(shí)現(xiàn)在函數(shù)外部訪問(wèn)local變量

function f1() {
    var local = 2;
    function bar() {
        console.log(local++)
    }
    return bar
}

var func = f1();
func();    // 2
func();    // 3

這個(gè)時(shí)候我們相當(dāng)于通過(guò)函數(shù)bar()間接的訪問(wèn)到了函數(shù)f1()中的局部變量local，因此在func()第一次執(zhí)行的時(shí)候我們得到local=2，但是為什么第二次調(diào)用func()得到的local卻等于3呢？按理說(shuō)我第二次調(diào)用func()應(yīng)該是從f1()中的第一句 var local = 2 開(kāi)始執(zhí)行啊。這就涉及閉包的另一個(gè)作用了。

閉包的作用

閉包除了能訪問(wèn)函數(shù)內(nèi)部的局部變量，還有一個(gè)作用就是將函數(shù)內(nèi)部的變量值儲(chǔ)存到內(nèi)存中。

在上面的示例中，f1()的返回值是bar()函數(shù)，我們調(diào)用func()的時(shí)候其實(shí)就是在調(diào)用bar(), 而bar()定義在f1內(nèi)部，是依賴f1()而存在的，因此調(diào)用bar時(shí)將f1()中的local變量放入了內(nèi)存中，在第二次調(diào)用的時(shí)候自然也就從內(nèi)存中得到了local++后的值。

本文參考文章：http://www.cnblogs.com/cxying... http://www.ruanyifeng.com/blo...