什么是閉包？變量作用域和閉包。

U2FsdGVkX1x 發(fā)布于2019-08-21 12:00 / 1300人閱讀

摘要：在上面的代碼中，函數(shù)實際上就是函數(shù)的閉包函數(shù)，我們讓其執(zhí)行三次，結(jié)果分別為。這是因為，函數(shù)中的局部變量一直被保存在內(nèi)存中。所以閉包有個缺點，就是內(nèi)存占用較大。自執(zhí)行函數(shù)上面這段函數(shù)也是閉包的一種。我們利用閉包來做一個小例子。

變量作用域和閉包 變量作用域

當我們寫 js 文檔的時候經(jīng)常會設(shè)置變量，變量的類型有兩種：

全局變量

局部變量

這兩種類型的變量有者不同的作用范圍，全局變量的作用范圍是面向整個文檔的，可以稱之為全局作用域，局部變量是在函數(shù)內(nèi)部設(shè)置的，作用范圍為當前的函數(shù)，外部不能直接引用，因此稱為函數(shù)作用域。

var a=1;
function test(){
    var b=2;
    console.log(a) 
}
test()// 1
console.log(b) //error

閉包

簡單來說嵌套在函數(shù)里的函數(shù)以及周邊的變量叫閉包

閉包周邊的變量在執(zhí)行完函數(shù)之后不會被釋放，會常駐內(nèi)存

function test(){
    var a = 1;
    function test1(){
        var b = 2
    }return test1
}
var test2=test()
test2();

上面的代碼就是一段閉包，函數(shù)test1被包裹在函數(shù)test中,對于test1而言，test內(nèi)的所有變量都是可見的，但是反過來不行。將test1作為返回值，就可以在test外部進行讀取了。

function test(){
    var a = 1;
    function test1(){
        a++
        console.log(a)
    }return test1
}
var test2=test()
test2();//2
test2();//3
test2();//4

在上面的代碼中，函數(shù)test2實際上就是函數(shù)test1的閉包函數(shù)，我們讓其執(zhí)行三次，結(jié)果分別為2、3、4。這是因為，函數(shù)test中的局部變量一直被保存在內(nèi)存中。所以閉包有個缺點，就是內(nèi)存占用較大。

自執(zhí)行函數(shù)

var callback=(function(){
    var a = 1;
    function test(){
        a ++;
        console.log(a)
    }
    return test;
})();
callback();2
callback();3

上面這段函數(shù)也是閉包的一種。

我們利用閉包來做一個小例子。