为什么 createFunctions 里的 i 等于 10

[kuaizihao]

先上代码

function createFunctions() {

var result = new Array();
for(var i=0; i<10; i++) {
    result[i] = function() {
        return i;
    }
}
return result;

}

我在看 js 高级程序设计，其中闭包与变量一节没看懂 当我们调用 result[0]函数时， 这个函数执行到 return 语句，发现并没有 i 这个变量，于是顺着作用链去找，在 createFunctions 里找到了已经变成 10 的 i，于是输出 10。

问题来了：当我们调用 result[0]函数时，createFunctions 里的 i 为什么会变成 10 ？

[coo]

1. 用 let 可以解决这个问题。
2. 它先定义了十个 function 并没有执行，而此刻 i 已经是 10，这十个 function 指向的全部是同一个 i，所以会返回 10。

[kuaizihao]

@coo 谢谢回复，
也就是说，js 在执行 for 循环的时候，会先定义所有的 function，然后再执行每个 function 里面的代码？

[littleshy]

那个 i 是在等你 result 里的函数执行时才确定值的。而这时候循环已经完成，所以 i 已经是 10。

[mapleray]

搜下 late binding closures

[coo]

是你的这段代码定义了十个函数，你调用 result[0]() 的时候才执行。

[aboutTime]

匿名函数运行时执行，可以看看匿名函数和 ES6 的箭头函数以及函数申明

[kuaizihao]

@littleshy
@mapleray
@coo

for 循环的结果是：

result[0] = function() {return i;}；
result[1] = function() {return i;}；
~~~
result[9] = function() {return i;}；

只有当我调用 result[0]（）；时才执行 return i ；对不？

[coo]

@kuaizihao #7 是。

[kuaizihao]

@aboutTime
谢谢指导

[kuaizihao]

@coo
@littleshy
@mapleray
@aboutTime

感谢各位 V 友的帮助，谢谢大家！