在上一篇中再谈JS闭包（JS闭包系列2），我详细的介绍了JS中的变量作用域相关的概念，结合第一节关于JS闭包（JS闭包系列1）的入门， 今天就来对“闭包”这个话题做一个总结。这篇文章信息主要来源于曾探写的《javascript设计模式与开发实践》一书。
JS设计模式与开发实践
衔接上一篇，温习一下：我们已经知道：闭包是由于作用域链的机制自然而然形成的。这一节，希望你能带着这句话来体会每一个实例，以加深对闭包的理解。
变量的寿命兼闭包的第一大作用：延长寿命
除了变量的作用域，另外一个和闭包有着亲密关系的就是变量的生存周期了。一般来说，全局变量的生存周期是永久的，直到我们主动销毁。而在函数内不用var关键字声明的局部变量来说，当退出函数时，这些函数变量立即失去它们的价值，也就被垃圾回收机制销毁了，也算寿终正寝。可是在闭包中，却不是这样。
继续还是以代码说话：
var func = function(){
var a = 1; //退出后函数局部变量a直接被销毁
a++;
console.log(a);
};
func(); //2
func(); //2
func(); //依然是2
普通情况直接销毁
现在看看这段代码：
var func = function(){
var a = 1;
return function(){ //匿名函数
a++;
console.log(a);
}
};
var f = func(); //f是对func()的引用
f(); //输出2
f(); //输出3
f(); //输出4
f(); //输出5
闭包封闭变量
由此可见，当退出函数后，局部变量
a并没有立即消失，一直存在，这样在第二次调用时a才会是在 2的基础上加1，是3，以后每次调用也才会不断加1；这说明局部变量a一直存活着，寿命延长了！为什么呢？如果你看过我的上一篇文章，你就应该知道，在函数外边是不能访问函数(围墙)里面的变量的，而在这里，f返回了一个匿名函数的引用，那f就可以访问到func()被调用时产生的环境，也就是func()的生存空间，f可以进去闲逛啦！那么想象一下，假如你是这个名叫"func"的大观园的主人，你能不让随时都可能来的“刘姥姥”进去看看吗？既然让进，那么里面的亭台楼榭，一花一石恐怕都不能在园子一盖好，就把它们销毁了吧？
闭包的第二大作用：封闭变量
那么既然闭包可以有这样一个机制，我们可以用它来干什么呢？下面就来介绍介绍闭包这个特殊角色的奇技淫巧。其实上面已经有了第一大作用：延长寿命！现在来看一下他的第二个作用：封闭变量。其实这个也很好理解，闭包闭包，从字面上都可以理解有封闭作用啦。
继续例子：
<html>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<script>
var nodes = document.getElementsByTagName('div');
for(var i = 0, len = nodes.length; i < len; i++){
nodes[i].onclick = function(){
alert(i);
}
};
</script>
</body>
</html>
测试这段代码，就会发现无论点击那个div,最后弹出的结果都是5.这是因为div节点的onclick事件是被异步触发的，当事件被触发的时候，for循环早已经结束，所以i变量的值已经是5，在后续onclick事件查找时肯定就是5啦。
那么怎么解决才能让div返回如我们所愿？这时就是闭包大展身手的时候啦！思路是将每次循环的i值封闭起来， 当沿着作用域链从内到外查找变量i时，会先找到被封闭在闭包环境中的i，这样的话，如果有5个div，这里的i就分别是0,1,2,3,4啦：
for(var i = 0, len = nodes.length; i < len; i++){
(function(i){
nodes[i].onclick = function(){
console.log(i);
}
})(i)
};
第三大作用：模拟面向对象
来看下面用面向对象实现的代码：
var extent = {
value:0,
call:function(){
this.value++;
console.log(this.value);
}
};
extent.call(); //输出：1
extent.call(); //输出：2
extent.call(); //输出：3
或者：
var Extent = function(){
this.value = 0;
};
Extent.prototype.call = function(){
this.value++;
console.log(this.value);
};
var extent = new Extent();
extent.call(); //输出：1
extent.call(); //输出：2
extent.call(); //输出：3
如果用闭包的方法，该怎么写呢？
var extent = function(){
var value = 0;
return {
call:function(){
value++;
console.log(value);
}
}
};
var extent = extent();
extent.call(); //输出：1
extent.call(); //输出：2
extent.call(); //输出：3
领略了这么多的奇技淫巧，是不是对JavaScript的闭包有了更深的理解？其实闭包的用途远不止这么多，更精彩的还需要大家在实践中多多发现。由于作者水平有限，暂时只额能给大家分享到这里，希望后续可以继续了解，在实践中不断学习，成长。
网友评论
这种写法，我看很多人使用()()就可以调用了，但是两个括号并不能知道是这个函数呢？
你是怎么理解的
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<script>
var nodes = document.getElementsByTagName('div');
for(var i = 0, len = nodes.length; i < len; i++){
nodes[i].onclick = function(){
alert(i);
}
};
</script>
</body>
</html>
小白求问，为啥这个例子我没看懂，点击事件是异步执行的，在点击之前，for循环已经执行完，所以此时的i为5了，但是之前每一次的for循环，都有对点击事件进行赋值 nodes[0].onclick = function() { alert(0); } nodes[1].onclick = function() { alert(1); }，此时的 i=5 是怎样影响到点击事件的？
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<script>
var nodes = document.getElementsByTagName('div');
for(var i = 0, len = nodes.length; i < len; i++){
nodes[i].onclick = function(){
alert(i);
}
};
</script>
</body>
</html>
小白求问，为啥这个例子我没看懂，点击事件是异步执行的，在点击之前，for循环已经执行完，nodes[0].onclick = function(){ alert(0);}，nodes[1].onclick = function(){ alert(1);}...，点击事件已经都赋值过一遍了吧，为啥alert的都是5