在理解闭包之前,要先对JS的变量类型,以及作用域范围有一定的了解。
function a()
{
var x = 10;
var xx = 10;
(function() {
alert("b:x=" + x); //10,外部定义的x
x = 100; //修改函数外部的x为100
var xx = 10;
xx = 100; //修改的是函数内部定义的xx为100
alert("b:xx=" + xx); //100,函数的局部变量xx
yy = 10; //定义一个全局变量yy
y = 10; //定义一个全局变量y
var z = 1; //定义一个局部变量z
})();
var yy = 100; //定义一个局部变量yy
alert("a:x="+x); //100,函数内部定义的x,在匿名函数中经过修改后变为100
alert("a:xx=" + xx); //10,函数内部定义的xx,匿名函数中经修改的是函数内部局部变量xx,不是a中定义的xx
alert("a:y=" + y); //10,a中没有定义y,此处访问的是匿名函数中定义的全局变量y
alert("a:yy="+yy); //100,先访问的是局部变量yy,而不是在匿名函数中定义的全局变量yy
alert("a:z="+z); //error,undefined,不能访问函数内部定义的z
}
从以上这段代码可以看出,JS中在使用一个变量的时候,先去找该函数定义的局部变量中去寻找是否有该变量的定义,没有找到的话,就会一直向上去找父级函数定义的局部变量中是否有定义(不会向下到子函数中去寻找),最后才在全局变量中寻找是否有该变量的定义。
再来看一个简单的闭包函数:
function x() {
var i = 0;
function y() {
alert(++i);
}
return y;
}
var z = x();
z();//1
z();//2
在调用z()时,会弹出1。但是连续两次调用a()的时候,会发现,先弹出1,再弹出的却是2!这是为什么呢?这其实主要是和有闭包特效的JS的回收机制有关。一般的回收机制,例如:Java,如果Java中return返回了结果之后,内存中一般会删除该函数所在的区域。但是对于上面这个闭包函数的例子,如果也是使用该内存回收机制的话,就会有问题。在var z=x();这句中,方法x()调用完毕并且return函数y并赋值给z了,如果将其内部局部变量i回收的话,在下一次调用z()的时候,i就为未定义,这样就出现问题了。所以,在对于闭包函数的回收时,JS回收机制会将函数及其可能使用到的变量作为一个整体来,也就是构建一个闭包,内部函数还有引用的时候是不会进行回收的。
所以,在上段代码中,var z =x();虽然return了,但是x中i还是会存才内存中,并且在第一次调用后,值为1,调用之后也不会销毁,所以在第二次调用的时候,++i就输出的是2了。