javascript - 令人头疼的 JS 范围和关闭

Question

看代码，解释了1000多字。我不明白，为什么所有 5 个创建的函数总是返回 5(最后一次迭代值)。我真的很感兴趣，有什么问题或者我错过了什么。我记得敢，Douglas Crockford 谈过这个东西，但我也没有找到那个资源。

function createFunctions(n) {
    var arrayFunctions = [];

    for (var i=0; i<n; i++) {
        arrayFunctions.push(function() {
            console.log(i);
        });
    }

    return arrayFunctions;
}

var arrayFunctions = createFunctions(5);

arrayFunctions[2]();  // returns 5 instead of 2
arrayFunctions[3]();  // returns 5 instead of 3
arrayFunctions[4]();  // returns 5 instead of 4

Answer 1

函数正在关闭变量，而不是变量的值。这意味着它们都引用循环中定义的 i 并在每次迭代时更新。当 createFunctions 返回时，循环已完成，i 处于其最终值 (5)。

function createFunctions(n) {
    var arrayFunctions = [];

    for (var i=0; i<n; i++) { 
        (function(j) {
            arrayFunctions.push(function() {
                console.log(j);
            });
        }(i));
    }

    return arrayFunctions;
}