本文之前发表过一次,虽然当时也是精心书写过,但还是感觉有些问题本说明白,又走上了"把简单的事说复杂"的老毛病,所以第二次修改希望让看的人,尤其是对于闭包还心有畏惧的TX能有些收获.

    内部函数大营救

闭包的深刻定义留在下面说,我先要说明的是内部函数这个东东.顾名思义,内部函数就是定义在一个函数内部的另一个函数.Javascript的作用域决定了内部函数在外部函数的外面无法直接调用.这就好比一个被恶龙看住的公主,勇士你有办法救她出来吗?

勇士如何斗恶龙?

想要将内部函数从外部函数的作用域中营救出来,通常有2种办法.

第一种就是将内部函数指定给一个全局变量,那么此时内部函数通过把引用保存全局变量中实现了逃脱,但是函数名仍然被截留在外部函数作用域中,就好比公主改头换面,从此和勇士隐姓埋名.

var c ;
function a(){function b(){console.log("b");}c = b;console.log("a");
}a();
c();

第二种就是勇士和恶龙一阵恶斗,最后恶龙不敌将公主送出来,从此勇士和公主过上了没羞没臊的...好像扯远了,这就让外部函数通过return将内部函数弹出,利用"返回值".

var c ;
function a(){function b(){console.log("b");}return b;
}c = a();
c();

这样即使离开函数作用域也能通过引用调用内部函数的事实,意味着只要存在调用这些内部函数的可能,javascript就会保留被引用的函数.在javascript运行时需要跟踪引用这个内部函数的所有变量,直到最后一个变量被废弃,javascript的垃圾收集器才会出面释放对应的内存空间.

    闭包就这样出来了

当内部函数在定义它的作用域外部被引用时,就创建了该内部函数的一个闭包.这时就形成了一个封闭的空间,外部函数的局部变量被赋予了新的力量.从本质上讲如果内部函数引用了外部函数的变量,相当于延长了这个变量的生命周期.外部函数的变量的生命周期与内部闭包联系在了一起.

我比较倾向于闭包算是Javascript作用域的一种特殊运用.在阐述闭包的时候,我们应该首先为它下一个定义,比如说闭包到底是什么?变量?函数?代码的特殊写法?这个概念委实不好定义,之前看到过一个比较好的定义就是这么说的:

闭包是指:在javascript中内部函数总是可以访问其所在外部函数的变量,即使外部函数被返回(寿命终结)了之后.

我更倾向于闭包是形成一种特定的javascript环境,这样环境的形成一般通过函数内部函数的返回得到的,一个闭包就是一个函数返回时,没有释放资源的栈区.

闭包在什么时候用,或者说什么时候我们会需要闭包?比较明显或者说比较基础的说法是在需要得到函数内部变量的时候,我们就可以使用闭包.上面提到了闭包构建了一个没有释放资源的栈区,所以说,闭包可以留住一些原本留不住的东西.函数内部的局部变量本来使用完就用回收释放掉,但是通过闭包可以临时将他们保存起来.而且不会污染全局变量的空间.

先上一段代码,用一用闭包.

var a = [1,2,3,4];for(var i=0,len=a.length;i<len;i++){var s = a[i];setTimeout(function(){console.log(s);},2000*(i+1));}

开始翻译代码,有一个包含4个数字的数组,遍历它然后每取一个元素就在2秒后输出一下这个元素.理论上结果应该是每间隔2秒输出一个数字,从1到4.可是实际的结果是4,4,4,4.

开始解释这是为什么,首先第一次循环取出1后,执行setTimeout(),然后又开始执行第二次for循环.这时问题出来了,在第二次for循环s=2的时候,第一次的输出s=1的代码还没有执行,s就已经被覆盖了.因为setTimeout()留不住前一刻的s变量的值.一旦s改变了,它就只能输出最新的s.

现在加入闭包,也就是形成一个函数有函数的环境,怎么说呢,因为setTimeout没有能力保存住每一次s变量的值,所以人为的给它建立一个不会释放掉s资源的这么一个环境,形成闭包后,s的值就被保存在每一个闭包环境中,各自输出即可.

var a = [1,2,3,4];for(var i=0,len=a.length;i<len;i++){var s = a[i];(function(x){setTimeout(function(){console.log(x);},1000*(i+1));})(s);}for(var i=0,len=a.length;i<len;i++){var s = a[i];var y = function(x){setTimeout(function(){console.log(x);},1000*(i+1));}(s);}

上面代码片段中的两种写法都可以,前一个是匿名函数的自执行构成闭包,后一个是通过一个y变量取一个函数的返回.它们都是将s作为实参,然后在闭包中用形参x保存,然后继续执行,这样保证x在其中没有被释放,可以等到全部执行完,通过javascript进行垃圾回收.这就是最简单的闭包的例子.

再看几个代码片段,每一个都用到了闭包,看看它们和没有加闭包有什么不一样吧.

var a = (function(){var x = 0;return function(){console.log(x);x++;}})();a();//0a();//1a();//2//实际输出的是x的值,但是如果你在浏览器监听x会发现它不是全局变量,所以var x = 0看起来只执行了一次,是不是很奇怪~

var name = "The Window";
var object = {name : "My Object",getNameFunc : function(){return function(){return this.name;};}
};
alert(object.getNameFunc()());//输出是The window,obj.getNameFunc()执行到这里取出的是一个匿名函数function(){return this.name},最后一个()来执行这个匿名函数,this这时指向的是全局的window.return function(){}这样的代码,返回的是方法体.

看到这里要提出一个问题,大家有没有发现这些闭包的应用都会出现return.而且基本上都是return一个function,按照我的理解这样返回一个方法体或者说匿名函数,return切断了方法体的原有上下文,将它返回到一个新的上下文环境中.同时函数本身有自己的上下文环境或者说作用域,在javascript中只有函数拥有自己独立的作用域结构,所以闭包是依赖函数的.

再来看几个经典的代码,为了加深理解,个人感觉对于闭包的理解还是要多看代码.

function counter(s){var count = s;return {increment:function(){count++;},get:function(){return count;}};}var c = counter(99);c.increment();console.log(c.get());//首先c是什么?是一个对象.里面有increment和get两个方法.同时传入参数99,这时increment方法所在的对象返回了,理论上应该脱离之前counter的作用域了.但是因为increment是一个函数,形成闭包还维持着对count变量的引用,所以还能访问到变量count

对于闭包,其实我们日常应用中会经常遇到,往大的方向上将所有的代码都是在一个大的闭包中完成的.把闭包看作一个思想或者技巧,它与作用域以及内存的联系很紧密,相互有很多可以印证的东西. 我个人看闭包应用最好的就是jQuery中的很多方法,都应用了闭包.希望本文能够给你带来帮助~