JS学习笔记——闭包
1. 什么是闭包
简单的说，闭包是指一个函数和这个函数的执行环境。下面是一个最简单的闭包。函数test()根据作用域链的规则访问到了函数外面的value变量。
var value = "pxz";
function test() {
console.log(value);
}
上述例子跟我们常见的闭包不太一样，常见的闭包形式是函数嵌套函数并且返回函数。我们再看上面那个例子，变量value赋给了全局对象，我们希望避免全局变量污染，就要把这个闭包放进函数中。如果是一次性的函数，就写成立即执行函数；如果需要调用，就写成返回函数形式。
一般创建闭包的方式，是在一个函数中创建另一个函数，并将该函数作为返回值返回。一般情况下，一个函数返回了，那么这个函数的活动对象（变量对象）就会被销毁，这个变量对象就不在当前作用域链上了，但是闭包跟一般情况不同。
2.闭包用途
闭包可用来实现私有变量，具体可参考JS学习笔记——私有变量。
3.一个闭包常见的错误
在1.经典闭包例子中，test函数的返回值是一个匿名函数组ary，咋一看，匿名函数组里的每一个函数返回各自的索引值。但其实并不是这样的。匿名函数组里的每一个函数返回的值一样且都为n。我们调用了test函数，返回还是函数，赋给fun。在fun里可以访问到fun外test函数中的变量，比如var i，即使此时已经从test函数中返回。我们可以形象地把这个过程理解为返回函数ary闭包了外层函数的变量i。由于变量i在外层函数只有一份拷贝，所以函数组ary返回的i都是一个i，test函数执行完毕后，i变成了n。
要使得返回的函数组里的每个函数都不一样，我们需要为每个返回函数拷贝一份变量i。在2.立即执行函数中，没有直接使用外层函数变量i，而是将i作为函数参数传入，这样就能在函数内部拷贝一份变量了。
在3.返回函数中，我们在2.立即执行函数的基础上外包一层函数，使得满足闭包要求，返回函数。
//1.经典闭包例子
function test(n) {
ary = [];
for(var i = 0; i < n; i++) {
ary[i] = function() {return i;};
}
return ary;
}
var fun = test(5)[4];
console.log(fun());//5
//2.立即执行函数-拷贝变量
//每一份i都有拷贝，但这不是闭包，返回值不是函数
function test(n) {
ary = [];
for(var i = 0; i < n; i++) {
ary[i] = (function(x) {return x;})(i);
}
return ary;
}
console.log(test(5)[4]);//4
//3.返回函数
//在2的基础上，在外面套一层函数
function test(n) {
ary = [];
for(var i = 0; i < n; i++) {
ary[i] = (function(x) {
return function() {
return x;
}
})(i);
}
return ary;
}
console.log(test(5)[4]());//4
【Reference】
- 《javascript高级程序设计》（第3版）
- 大部分人都会做错的经典JS闭包面试题 http://www.cnblogs.com/xxcanghai/p/4991870.html
- 「每日一题」JS 中的闭包是什么？ https://zhuanlan.zhihu.com/p/22486908
