for循环添加的闭包问题

function test(){
  var arr = [];
for (var i=0;i<;i++){
arr[i] = function(){
   console.log(i);
   }
}
return arr;
}
var myArr = test(); for (var i=0;i<myArr.length;i++){
myArr[i](); //结果为10个10
}

结果分析:

这是一个典型的闭包问题:

特点:arr[i] = function(){ console.log(i);  } 中保存了i的引用,当myArr[i]()执行时,就要去寻找引用的上下文中的i

顺序:

函数提升和变量提升

1、GO

myArr:undefined;

test:function test(){};

i:0

2、test()执行

生成[[scope]]对象 

[0]:test.AO{arr:[],i:10;}

注意:arr[i]和函数内的i是没有关系的;

[1]:GO

3、myArr[i]()执行的时候,test()已经执行完毕,会删除对执行上下文的引用,但是myArr[i]()没有删除对执行上下文的应用,还有每一次重新调用函数会重新生成一个执行上下文,和以前的执行上下文没有关系;

所以myArr[i]的所有的函数都指向一个执行上下文,也就指向同一个i;当test()执行完毕以后,i就已经变为10;所以当i=10 即10<10,条件不满足,所以停止;输出9个10

4、这个问题主要是执行上下文[[scope]]的AO和GO

解决办法:

function test(){
  var arr = [];
for (var i=0;i<;i++){
(function(j){
arr[j]=function(){
console.log(j);
}
}(i))
}
return arr;
}
var myArr = test(); for (var i=0;i<myArr.length;i++){
myArr[i](); //结果为10个10
}

用闭包解决闭包问题

上一个问题,在于生成的10个函数同时指向同一个执行上下文,所以i会的值是统一的,当test()执行完毕i=10,并且断开对函数的AO的引用,但是闭包函数还在引用同一个AO所以i都等于10

解决办法是:

把每一个函数的指向的执行上下文单独独立开,10个函数有10个执行上下文,不指向同一个;

而且使用了立即执行函数,所以把i传给j,建立新的指向AO,每一次执行完函数销毁,会创建一个新的立即执行函数,所以指向的AO的上下文是不一样,不会受到影响

for循环添加的闭包问题

上一篇:[LeetCode] Unique Paths II 不同的路径之二


下一篇:【教训】rm -fr ./* 教训