JavaScript闭包的详细解释 深入理解javascript闭包
javascript闭包(Closure)初探
closure被翻译成“闭包”，感觉这东西被包装的太学术化。下面参考书本和网上资源简单探讨一下（理解不当之处务请留意）。
1、什么是闭包
官方的回答：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
看了上面的定义，如果你不是高手，我坚信你会和我一样愤怒的质问：这tmd是人话吗？
要理解闭包，还是代码最有说服力啊，上代码：
function?funcTest()
{
??var?tmpNum=100;?//私有变量
??//在函数funcTest内定义另外的函数作为funcTest的方法函数
??function?innerFuncTest(
??{
???????alert(tmpNum);?//引用外层函数funcTest的临时变量tmpNum
??}
??return?innerFuncTest;?//返回内部函数
}
//调用函数
var?myFuncTest=funcTest();?
myFuncTest();//弹出100
上面代码中，注释已经写的清清楚楚。
现在我们可以这么理解“闭包”：在函数体内定义另外的函数作为目标对象的方法函数（示例中就是在函数funcTest内定义另外的函数innerFuncTest作为funcTest的方法函数），而这个对象的方法函数反过来引用外层函数体中的临时变量（闭包是一种间接保持变量值的机制。
示例中就是内部函数innerFuncTest引用外层函数funcTest的临时变量tmpNum,这里必须注意，临时变量可以包括外部函数中声明的所有局部变量、参数和声明的其他内部函数）。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包（示例中，调用函数的时候，myFuncTest实际调用的是innerFuncTest函数，也就是说funcTest的一个内部函数innerFuncTest在funcTest之外被调用，这时就创建了一个闭包）。
2、两个利用闭包的例子
下面举两个例子，一个是因为闭包导致了问题，而另一个则利用闭包巧妙地通过函数的作用域绑定参数。
这两个例子相关的HTML标记片断如下：
<a href="#" id="closureTest0">利用闭包的例子（1秒后会看到提示）</a><br />
<a href="#" id="closureTest1">由于闭包导致问题的例子1</a><br />
<a href="#" id="closureTest2">由于闭包导致问题的例子2</a><br />
<a href="#" id="closureTest3">由于闭包导致问题的例子3</a><br />
（1）、因闭包而导致问题
上面的HTML标记片断中有4个<a>元素，现在要给后三个指定事件处理程序，使它们在用户单击时报告自己在页面中的顺序，比如：当用户单击第2个链接时，报告“您单击的是第1个链接”。为此，如果编写下列为后三个链接添加事件处理程序的函数：
function?badClosureExample(){
????for?(var?i?=?1;?i?<4;?i++)?{
????????var?element?=?document.getElementById('closureTest'?+?i);
????????element?.onclick?=?function(){
????????????alert('您单击的是第'?+?i?+?'个链接');
????????}
????}
}
然后，在页面载入完成后（不然可能会报错）调用该函数：
window.onload = function(){
??? badClosureExample();
}
看一下运行结果，此时单击后3个链接，会看到警告框中显示什么信息呢？——全都是“您单击的是第4个链接”。是不是令你感到十分意外？为什么？
分析：
因为在badClosureExample()函数中指定给element.onclick的事件处理程序，也就是onclick那个匿名函数是在badClosureExample()函数运行完成后（用户单击链接时）才被调用的。而调用时，需要对变量i求值，解析程序首先会在事件处理程序内部查找，但i没有定义。然后，又到 badClosureExample()函数中查找，此时有定义，但i的值是4（只有i大于4才会停止执行for循环）。
因此，就会取得该值——这正是闭包（匿名函数）要使用其外部函（badClosureExample）作用域中变量的结果。而且，这也是由于匿名函数本身无法传递参数（故而无法维护自己的作用域）造成的。
那么这个例子的问题怎么解决呢？其实方法有很多(自己不妨写一下看看)，我认为比较简单直接的代码：
function?popNum(oNum){
????return?function(){
????????????????????alert('您单击的是第'+oNum+'个链接');
???}
}
function?badClosureExample(){
????for?(var?i?=?1;?i?<4;?i++)?{
????????var?element?=?document.getElementById('closureTest'?+?i);
????????element?.onclick?=new?popNum(i);
????????}
}
（2）、巧妙利用闭包绑定参数
?还是上面的HTML片段，我们要在用户单击第一个链接时延时弹出一个警告框，怎么实现？答案是使用setTimeout()函数，这个函数会在指定的毫秒数之后调用一个函数，如：
setTimeout(someFunc,1000);
但问题是，无法给其中的someFunc函数传递参数。而使用闭包则可以轻松解决这个问题：
window.onload?=?function(){
????var?element?=?document.getElementById('closureTest0');
????if?(element)?{
????????var?good?=?goodClosureExample('这个参数是由闭包绑定的');
????????element.onclick?=?function(){
????????????setTimeout(good,?1000);?//延迟1秒弹出提示
????????}
????}
}
3、javascript的垃圾回收原理
（1）、在javascript中，如果一个对象不再被引用，那么这个对象就会被GC回收；
（2）、如果两个对象互相引用，而不再被第3者所引用，那么这两个互相引用的对象也会被回收。
在js中使用闭包，往往会给javascript的垃圾回收器制造难题。尤其是遇到对象间复杂的循环引用时，垃圾回收的判断逻辑非常复杂，搞不好就有内存泄漏的危险，所以，慎用闭包。ms貌似已经不建议使用闭包了。
?
作者：Jeff Wong?
出处：http://jeffwongishandsome.cnblogs.com/?
本文版权归作者和博客园共有，欢迎围观转载。转载时请您务必在文章明显位置给出原文链接，谢谢您的合作
?
?
?