闭包问题简单来说就是突破作用域,比如说函数内部的变量或者对象,只在函数的内部有效,我想在函数的外部使用局部变量,
举个简单的例子:
function box(){
var x=[];
for(var i=4;i<4;i++){
x[i]=function(){
return i
}
}
return x;
}
var x=box();
alert(x[0]()); //4
由于函数不调用就不会执行;我们执行box函数的时候执行循环绑定了x[0],x[1],x[2],x[3]的函数但是由于函数并没有执行,所以i的值还是在内存里面,
当我们执行绑定的想x[0]等函数时候在从内存中取i的值此时i的值就变为了4
由此我们可以来以下的两个解决办法
//第一种直接让匿名函数自我执行
function box(){
var x=[];
for(var i=0;i<4;i++){
x[i]=(function(num){
return function(){return num;}})(i);
}
return x;
}
var a=box();
alert(a[0]());
alert(a[1]());
alert(a[2]());
alert(a[3]());
//第二种方法
在循环外面创建一个函数,让这个辅助函数返回一个绑定当前的i值得函数,这样我们就不会在混淆了
function box(){
var x=[];
function helper(i){
return function(e){
return i;
}
}
for(var i=0;i<8;i++){
x[i]=helper(i);
}
return x;
}
var a=box();
alert(a[0]());
alert(a[1]());
alert(a[2]());
alert(a[3]());
注释由于函数绑定i变量时候没有执行所以会返回i的值;
所以让其自我执行;就可以绑定;