JavaScript problem about returning the value of function array

Question

When I was studying the closure problem of JS, I typed and experimented with the code examples on JS advanced programming, and the results were not consistent and I couldn’t figure it out. {Code...} The result of this code should return an array, each value is 10, but after experimenting in the browser, I found that it returns a function number...

仅有的幸福 · Answer

is an array of functions. Although each function has a return value i, this function is not executed.
Read page 181 of the book carefully, the first sentence below the code.

This function will return an array of functions.

I was a little confused when I saw this before. I felt that it would be more intuitive to return all 10 directly. After thinking about it, if I add () directly after the returned function, it is equivalent to creating an immediate execution function every time. The returned i is the normal index value every time, which will not achieve the desired effect.

function createFunction(){
    var result = new Array();
    for (var i = 0; i < 10; i++) {
        result[i] = function(){
            return i;
        }();
    }
    return result;
}
createFunction()    //[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

漂亮男人 · Answer

Because you are just assigning functions to array elements and not calling these functions.

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

PHP中文网 · Answer

result is an array whose elements are functions.

That’s why you are in this situation

If you want to get all you want 10 , just iterate over the array and call the function that is the array element, and log the return value

createFunction().forEach(fn => console.log(fn()));