什么是js闭包

学习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。。。是不是很神奇,这也是一个使用闭包的例子。

总之,简单概括。。。当你试图在函数的外部,去访问这个函数里面的属性的时候,如果你直接的去访问,那么抱歉,你是无法访问到的。如果你想访问到的话,也是有办法可以解决的,比如说,就像案例2,案例3,在函数的内部在定义一个函数,然后将这个内部函数返回或者复制给某个变量,,这些情况下,你都不知不觉的使用了闭包。

原文地址:https://www.cnblogs.com/yiyistar/p/6645743.html