代码输出结果疑问

Question

var fnArr=[]; for(var i=0;i<10;i++){   fnArr[i]=function(){     return i;   }; } alert(fnArr[3]());最后输出的结果是10.百思不得其解,可有同学帮我解释下,多谢了.

Answer 1

因为返回的变量是最终i的值。

如果只输出fnArr即：alert(fnArr);会看到弹出来的都是方法function(){return i;}

i是在for中声明的var i，最终for循环退出的时候，i是等于10的,所以不管你调用的是fnArr[3]()还是fnArr[4]()最终返回的i的结果都是10。

你可以试着在alert(fnArr[3]());之前加一句i=100，那返回的结果就是100

Answer 2

因为循环最后都是return 最后一个；

把i<10改成i<8,再运行一次，你应该就明白了。

或：

var fnArr=[];

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

  fnArr[i]=function(){        

  return i;

  };

}

//其实数组每项都是function(){return i},而在之前的循环后值已经是10；

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

console.log(fnArr[j]());

}