关于一段JS代码的问题

Question

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

console.log(createFunction());

如题上一段代码为什么输出的是
[ [Function],
[Function],
[Function],
[Function],
[Function],
[Function],
[Function],
[Function],
[Function],
[Function] ]

Answer 1

createFunction()返回一个数组，数组的元素都是匿名函数function

Answer 2

没毛病
result就是这样的

[function() {return i;}, function() {return i;}, function() {return i;}]

Answer 3

看一个函数，首先关注的是函数的参数和返回值。
createFunction()这个函数没有参数，return的是一个数组。

result[0] = function(){}
result[1] = function(){}
result[2] = function(){}
.
.
.
result[9] = function(){}

所以显示result这个数字的每一项，都是一个匿名函数，里面的匿名函数return i

如果你去尝试调用里面的任意一个匿名函数，你会痛苦的发现，return回来的结果都是10...

改成这样，就是你想要的

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

var arr = createFunction();

console.log(arr);

或者用ES6的let

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

var arr = createFunction();

console.log(arr);