Javascript：如何打印函数的返回值？

Question

我是 Javascript 的初学者，正在阅读“面向 Web 开发人员的 JS”一书的闭包和变量部分。举了两个例子：

function Func1() {
    var result = new Array();
    for (var i=0; i < 10; i++){
        result[i] = function() {
           console.log('i:'+i);
           return i; 
        };
    }

    return result;
}

console.log(Func1());

function Func2() {
    var result = new Array();

    for(var i=0; i < 10; i++){
        result[i] = function(num) {
            return function() {
                console.log('num:'+num);
                return num;
            };
        }(i);
    }

    return result;
}

console.log(Func2());

在书的描述中，在func1中，每个函数都可以返回10，而在func2中，每个函数都会返回不同的数字。但是当我运行代码时，它实际上返回：

[ [Function],
  [Function],
  [Function],
  [Function],
  [Function],
  [Function],
  [Function],
  [Function],
  [Function],
  [Function] ]

对于这两个功能。

那么如何打印出每个函数的实际值呢？以及为什么“console.log('i:'+i);”没有在第一个函数中打印？

Answer 1

尝试将您的结果 [i] 数据包装到调用的函数中以获取您需要的数据...

检查一下：

function Func1() {
    var result = new Array();
    for (var i=0; i < 10; i++){
        result[i] = (function() {
           console.log('i:'+i);
           return i; 
        })();
    }

    return result;
}

console.log(Func1());

Answer 2

您在 for 循环中返回一个函数，而应该只返回闭包内的值。

function Func2() {
    var result = new Array();

    for(var i=0; i < 10; i++){
        result[i] = function(num) {
            console.log('num:'+num);
            return num;
        }(i);
    }

    return result;
}

console.log(Func2());

Answer 3

给定函数执行的当前输出，一个Array的函数，你可以迭代FuncN的结果然后在数组的每个元素处执行函数

for (let n = 0, f = Func1(); n < f.length; n++) {
  console.log(f[n]())
}

Answer 4

像这样尝试它们：

function Func1() {
    var result = new Array();
    for (var i=0; i < 10; i++){
        result[i] = function() {
           console.log('i:'+i);
           return i; 
        }();
    }
return result;

}

console.log(Func1());

function Func2() {
    var result = new Array();

    for(var i=0; i < 10; i++){
        result[i] = function(num) {
            return function() {
                console.log('num:'+num);
                return num;
            }();
        }(i);
    }

    return result;
}

console.log(Func2());

问题在于您已将函数设置为返回值，而不是调用它然后返回。