js闭包问题

Question

for(var i=0;i<10;i++){    fnArr[i]=(function(){        var n=i;        return function(){            return n        }    })();}for(var i=0;i<10;i++){        (function(){            var n=i;        fnArr[i]=function(){            return n        };        })()    }以上都是可以让 fnArr[3]输出3，而不是10，但是为什么一定都要声明n=i呢？去了这句话 就不能正确输出了

Answer 1

如果不用var n=i接收i的值，直接返回i，那么后面函数运行的时候找不到i的值，就回去上层作用域寻找，而上层作用域循环结束，i的值为10，所以会始终返回10。

而使用了var n=i，想当于把每次循环中i的值保存在自调函数的内部，返回函数运行的时候找不到n的值也会去上层作用域寻找，找到了自调函数内部的n的值，分别对应0-9。

可以这么改，作用相同

for(var i=0;i<10;i++){ 

  fnArr[i]=(function(i){ 

    return function(){ 

      return i

    } 

  })(i); 

}

Answer 2

外层和内层是两个作用域，每次变量访问都是访问最近的，如果没有var n = i这一句话，就访问到顶级作用域了，而此时i已经到10了