简单聊聊之JS的闭包问题

**

关于Javascript中的闭包

**

我们优先从程序入手

function makeATest(){
var test = [];
for(var i=0;i<5;i++){
test[i] = function(){
return i;
}
}
return test;
}
var test = makeATest();
test[2](); //返回值是什么？

试着在执行下这段代码看看有什么问题，正常的逻辑思维返回的应该是2吧，可是实际运行代码返回值却是5，出bug了吗？

此处创建了10个闭包，并存储到test数组中去，共享变量i，当函数makeATest返回时，i的值是5，所有闭包都共享这个值。

实际上，这段代码相当于

function makeATest(){
var test = [];
var func = function(){
return i; //javascript中变量声明会提升，并且是函数作用域的,for里面有定义即可
}
for(var i=0;i<5;i++){
test[i] = func;
}
return test;
}
var test = makeATest();
test[2]();

此处我们可以从函数的作用域链说起，每次调用javascript函数时，都会为其创建一个新的局部变量对象，并将此对象添加到作用域链中去，当函数返回时，就将这个绑定变量的对象删除。（简单理解，比如一个非嵌套的函数，其作用域链含有两个对象，其存储局部变量的对象，另外一个是存储全局变量的对象）；如果函数存在嵌套函数，并将嵌套函数作为返回值返回或者保存在某处的属性中，此时就有一个外部变量指向这个嵌套的函数，它就不会被作为垃圾回收，它作用域链上的对象也不会作为垃圾回收；

此时，我们可以将代码改为

function makeATest(){
var test = [];
for(var i=0;i<5;i++){
test[i] = (function(i){
return function(){
return i;
}
})(i);
}
return test;
}
var test = makeATest();
console.log(test[2]()); //返回值是什么？

或者

function makeATest(i){
return function(){
return i;
}
}
var test = [];
for(var i = 0 ; i < 5 ; i++)
test[i] = makeATest(i);
console.log(test[2]());

这样就可以把问题解决了，闭包也常常用来保存私有变量。不得不说，闭包真是个神奇的东西。