关于块级作用域，闭包的问题

Question

首先是这两段代码

代码1：
 function createFunctions() {
    var result = new Array();
    for (var i = 0; i < 10; i++) {
        result[i] = function() {
            return i;
        };
    }
    return result;
}
var funcs = createFunctions();

for (var i = 0; i < 10; i++) {
    alert(funcs[i]());
}

代码2:
for (var i = 0; i < aLi.length; i++) {
    aLi[i].onmouseover = function() {
        this.style.background = 'red';
    };
    aLi[i].onmouseout = function() {
        this.style.background = '#fff';
    }
}

请问：
1.为什么代码1中，在最后i变成10之后才执行函数的内容，而代码2却是按i的自增顺序每次都执行呢？
2.这和js的异步执行是否有关系？但我又对这里的执行顺序感到十分混乱，捋不清楚，请大神详细说一下

Answer 1

代码 1 中，数组 result 中的函数都引用的 createFunctions 中的变量，而 for 循环结束之后，i 的值为 10，所以你打印出来的都是 10。

这实际是 闭包延迟计算 的问题：

result[i] = function() {
            return i;
};  // 在执行 这个语句的时候，解释器并没有计算 i 的值，直到你调用 `result[i]` 的时候，这时 i 已经是 10 了

Answer 2

result[i] = function() {
            return i;
        };
    }

这段代码中return i中的i变量是自由变量，他的值是创建时时父作用域决定的，当函数执行时父作用域i已经为10了，所以输出10

了解一下自由变量，作用域和执行环境就懂了