**
关于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]());
这样就可以把问题解决了,闭包也常常用来保存私有变量。不得不说,闭包真是个神奇的东西。