闭包这个东西让我理解了好久,也算是理解javascript语言比较重要的一个环节吧,在这做一个自我思考的详细总结~,有错误望指正~
首先要说明的是闭包在你的代码中随处可见,可能不知不觉的你正在写闭包~,只是你不认识它,不了解它,现在我们揭开它的面纱来瞧瞧它的真面目。
先说下闭包直截了当的定义,我也是在网上查了下:当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行 来看下代码:
function foo(){
var a=2;
function fee(){
console.log(a);
}
fee();
}
foo();
这段代码应该很好懂了,我们是不是也经常在写,fee函数可以访问foo作用域内的变量a,但上面那个是闭包吗,严格来说不算是,闭包总是隐藏在代码之后的,他总是不那么容易发现。看如下代码:
function foo(){
var a=2;
function fee(){
console.log(a);
}
return fee;
}
var b=foo();
b(); //2
上面的代码就是所谓的闭包,我们将fee函数当成一个值类型进行传递,然后在外界通过调用foo函数在给b,通过不同的标识符引用调用了内部的函数fee()。而且fee函数 也在作用域之外被执行了,也符合上面的定义。
闭包的神奇之处在阻止作用域被销毁,看上面的代码,看上去foo的内容不会再调用,其实内部 的fee函数拥有它的作用域闭包,使得该作用域能一直存活,以便fee能在任何时间引用。
从上面的代码我觉得最重要的一点就是,可以对函数类型的值进行传递,当函数在别处被调用时都可以观察到闭包。
function foo(){
var a=2;
function fee(){
console.log(a);
}
boo(fee);
}
function boo(fn){
fn();
}
上面也是一种闭包,将fee函数当成参数值传递到boo中,然后在外界的boo函数中执行了它,当然也能访问到a了。在看下面的形式:
var fn;
function foo(){
var a=2;
function fee(){
console.log(a);
}
fn=fee;
};
function boo(){
fn();
};
foo();
boo(); //2
上面的也是闭包,无论通过何种手段将内部函数传递到所在的词法作用域以外,他都会持有对原始定义作用域的引用,无论在何处执行这个函数都会使用闭包。
现在我们可以发现闭包在我们的程序中到处可见了吧,比如下面的那个:
function foo(a){
setTimeout(function timer(){
console.log(a);
},1000)
}
foo(1); //1秒后打印1
将一个timer函数当为参数传递给了setTimeout内,timer具有涵盖foo作用域的闭包,因此能访问到a。
so ,这就是闭包!在javascript中到处可见,定时器,时间监听器,Ajax请求,或者其他异步请求的回调函数就是在使用闭包!
我们在看下立即执行函数(可以看我的这篇文章:js函数作用域与块作用域):
var a=2;
(function(){
console.log(a);
})();
这个是不是闭包呢,我觉得不严格是,因为它不是在词法作用域之外执行的,在定义时就执行了,不过它确实是访问了a,也就是创建了闭包,它也常常是创建可以被封闭起来的工具。
闭包在循环中也有很大的应用,es6中的模块机制也都是使用闭包。