JS闭包的理解

在理解闭包之前，要先对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了。