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