什么是js闭包

最新推荐文章于 2025-06-09 09:53:44 发布

weixin_33985507

最新推荐文章于 2025-06-09 09:53:44 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yiyistar/p/6645743.html

本文通过三个实例详细解析了JavaScript中闭包的概念及应用。探讨了如何通过返回或赋值内部函数来实现在函数外部访问其内部变量，从而形成闭包。

学习js的小伙伴们一定知道，闭包这个东西，非常的绕，他的官方概念不是一般的难以理解。就是让人完全懵逼的赶脚。。我们干脆一点，拿出例子说话

function foo(){
    var a=3;
    function bar(){
        console.log(a);   //输出3
    }
    bar();
}
foo();

不用我废话，大家应该都能看懂，js里面的作用域，是可以嵌套的，因此bar()函数是可以获取foo()里面的变量a的。但是，这个到底算不算闭包呢？先不要着急，我们再来看看另外一个例子

function foo(){
    var a=3;
    function bar(){
        console.log(a);   
    }
    return bar;
}
var s=foo();     //这里的s就是返回的函数bar
s();             // 执行函数s，输出3

小伙伴们应该发现了，这两段代码的区别！！！这就是创建了一个闭包！！我们趁热打铁，再来看一个例子，也是使用了闭包！

 var fn;
    var foo = function() {
        var num = 3;
        var bar = function() {
            console.log(num)
        }
        fn= bar;
    }
   foo()   
   fn()   //执行bar(),输出3

这也是一个闭包的例子，下面我们开始对比这三段代码，来进行归纳总结。

案例1中，foo()函数的里面。定义了一个bar()函数，输出a，毋庸置疑

案例2中，bar()也是定义在了foo()函数的里面，，但是不同之处在于，，，最后return bar()，相当于执行foo()之后。返回的就是函数bar()，在这里，我们用变量s来接受这个返回值。然后再调用这个函数。打印出 a 。
这样听起来也没有什么问题。。。但是！！！！！爱思考的小伙伴们，是不是觉得哪里不对劲呢？
在作用域的外面，为什么可以访问到函数foo()里面定义的变量 a 呢？不是应该只有在函数的里面的函数（就像案例1那样子)，才能访问到么？
是的！！这样子是可以访问到的，我们的主角，闭包就上场了。。。我所理解的闭包就是：当可以在函数外部的作用域，访问到函数内部的变量的时候，这就是使用了闭包！！！在本案例中。当我们把bar()函数return 出去的时候，用全局作用域的一个参数 s 进行了接收，然后调用了这个全局的函数访问到了foo()内部的变量，这就是闭包。

案例3，其实和案例2非常的相似，，只不过，案例3是将函数作为参数，，赋值给了一个全局变量fn，然后调用fn，访问到了foo()内部的变量a。。。是不是很神奇，这也是一个使用闭包的例子。