理解JS闭包(Closure)

由于各种原因,我们需要在函数的外部调用函数内部定义的局部变量。

闭包实际上就是“函数内部的函数”,通过在函数内部再定义一个函数,内部函数返回函数的局部变量,函数再返回内部函数即可:


function outer() {
    var local = "local"; //局部变量
    function inner() {
        return local; //使用内部的函数返回这个局部变量
    }
    return inner; //函数再返回内部这个函数
}
var result = outer();
console.log(result()); //local 用两个小括弧调用函数内部的函数

上面的就是一个最简单的闭包。只有函数内部的子函数才能读取局部变量,所以在函数内部套用一个函数即可。

闭包的主要用处是把函数内部的变量一直保存在内存中:

var storage; //可以省略
function outer() {
    var local = "local"; //该局部变量一直保存在内存中
    storage = function () { //该函数被赋予给全局变量storage,所以一直存在,该函数的外层函数因此也一直存在
        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());

你可能感兴趣的:(javascript)