先看看闭包的科学的定义：闭包是可以包含自由（未绑定）变量的代码块；这些变量不是在这个代码块或者任何全局上下文中定义的，而是在定义代码块的环境中定义。“闭包” 一词来源于以下两者的结合：要执行的代码块（由于自由变量的存在，相关变量引用没有释放）和为自由变量提供绑定的计算环境（作用域）。
听上去有点晕，我说说我的理解。闭包是一个受到了保护的变量空间，由内嵌函数生成。用到闭包通常是为了解决变量的作用域问题。我举两个使用闭包的例子，也许看例子比什么都明白。
例子1：循环对多个按钮绑定click事件。
不用闭包的情况：
- <html>
- <head>
- <script type="text/javascript">
- function OnLoad()
- {
- var arr = document.getElementsByTagName("input");
- for(var i=0;i<arr.length;i++)
- {
- arr[i].onclick=function(){
- alert(i);
- }
- }
- }
- </script>
- </head>
- <body onload="OnLoad()">
- <input type="button" name="button" value="button1" />
- <input type="button" name="button" value="button2" />
- <input type="button" name="button" value="button3" />
- <input type="button" name="button" value="button4" />
- <input type="button" name="button" value="button5" />
- <input type="button" name="button" value="button6" />
- <input type="button" name="button" value="button7" />
- </body>
- </html>
猛点这里测试结果,你发现不管点哪个按钮，都会弹出7。原因是当你点击buttun时，循环已经执行完毕，这时候i就等于7.
再看看使用闭包的情况
- <html>
- <head>
- <script type="text/javascript">
- function OnLoad()
- {
- var arr = document.getElementsByTagName("input");
- for(var i=0;i<arr.length;i++)
- {
- arr[i].onclick=closureTest(i);
- }
- }
- function closureTest(i)
- {
- return function(){
- alert(i);
- }
- }
- </script>
- </head>
- <body onload="OnLoad()">
- <input type="button" name="button" value="button1" />
- <input type="button" name="button" value="button2" />
- <input type="button" name="button" value="button3" />
- <input type="button" name="button" value="button4" />
- <input type="button" name="button" value="button5" />
- <input type="button" name="button" value="button6" />
- <input type="button" name="button" value="button7" />
- </body>
- </html>
猛点这里测试结果,你发现会像你想象的那样，button按钮一次会弹出0、1、2、3、4、5、6。这就是典型的利用闭包来影响变量的作用域的示例。当然，闭包能做很多不同的事情，但究其原理，还是通过影响变量的作用域来实现的。