理解JS閉包(Closure)

galaxy_robot 發(fā)布于2019-08-19 18:03 / 1132人閱讀

摘要：由于各種原因，我們需要在函數(shù)的外部調(diào)用函數(shù)內(nèi)部定義的局部變量。閉包的主要用處是把函數(shù)內(nèi)部的變量一直保存在內(nèi)存中可以省略該局部變量一直保存在內(nèi)存中該函數(shù)被賦予給全局變量，所以一直存在，該函數(shù)的外層函數(shù)因此也一直存在舉例

由于各種原因，我們需要在函數(shù)的外部調(diào)用函數(shù)內(nèi)部定義的局部變量。

閉包實(shí)際上就是“函數(shù)內(nèi)部的函數(shù)”，通過在函數(shù)內(nèi)部再定義一個(gè)函數(shù)，內(nèi)部函數(shù)返回函數(shù)的局部變量，函數(shù)再返回內(nèi)部函數(shù)即可：

function outer() {
    var local = "local"; //局部變量
    function inner() {
        return local; //使用內(nèi)部的函數(shù)返回這個(gè)局部變量
    }
    return inner; //函數(shù)再返回內(nèi)部這個(gè)函數(shù)
}
var result = outer();
console.log(result()); //local 用兩個(gè)小括弧調(diào)用函數(shù)內(nèi)部的函數(shù)

上面的就是一個(gè)最簡單的閉包。只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，所以在函數(shù)內(nèi)部套用一個(gè)函數(shù)即可。

閉包的主要用處是把函數(shù)內(nèi)部的變量一直保存在內(nèi)存中：

var storage; //可以省略
function outer() {
    var local = "local"; //該局部變量一直保存在內(nèi)存中
    storage = function () { //該函數(shù)被賦予給全局變量storage，所以一直存在，該函數(shù)的外層函數(shù)因此也一直存在
        local += " storage;";
    };
    function inner() {
        return local;
    }
    return inner;
}
var result = outer();
console.log(result()); //local
storage();
console.log(result()); //local storage

舉例：

var obj = {
    func1: function() {
        return function () {
            return this; //window{}
        };
    },
    func2: function() {
        return this; //obj{}
    }
};
console.log(obj.func1()());
console.log(obj.func2());

var obj = {
    func1: function() {
        var that = this;
        return function () {
            return that; //obj{}
        };
    },
    func2: function() {
        return this; //obj{}
    }
};
console.log(obj.func1()());
console.log(obj.func2());