为了账号安全,请及时绑定邮箱和手机立即绑定

什么是javascript中的闭包

标签:
JavaScript

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

1)

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

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

2)

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

小伙伴们应该发现了,这两段代码的区别!!!现在我明确的告诉你,这就是创建了一个闭包!!我们趁热打铁,再来看一个例子,也是使用了闭包!

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,在函数的内部在定义一个函数,然后将这个内部函数返回或者复制给某个变量,,这些情况下,你都不知不觉的使用了闭包。

点击查看更多内容
22人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消