理解JS闭包(Closure)-优快云博客

本文介绍了JavaScript中闭包的概念及其实现方式，通过实例展示了如何利用闭包保持函数内部变量的状态，以及如何解决变量作用域的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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());