回调函数是否在javascript中创建了新的作用域

Question

function hello() {
  var result = [];
  var str = 'I am here';
   function inner() {
    var result = [];
     for (var i=0;i<10;i++) {
        result.push(i);
     }
     return result;
   }
}

在上面的代码中，当我调用函数hello（）时，返回值是一个空[]，而且它没有console.log内部函数的str。但是，在下面的代码集中，我使用了一个回调函数：

 function forEach(cb) {
   for(var i =0;i<10;i++) {
    cb(i);
   }
}

function hello() {
   var result = [];
   var str = 'I am here';
   forEach(function(num) {
    console.log(str);
     result.push(num);
   }); 
   return result;
}

问题是为什么两个函数都做出了反应，并给出了不同的输出？注；在这两个代码中都有一个内部函数，它应该创建一个可以访问外部作用域的新作用域？有人对这个问题有很好的解释吗？谢谢

Answer 1

在第一个代码块中，inner是在hello中声明的一个新函数。它不会执行，因为您没有调用它。当调用hello时，它确实会在其内部创建一个新的子作用域。但是，由于hello()实际上并不返回任何内容，也不调用inner()，因此当调用hello()时，将得到undefined。您可以通过更改为以下内容来解决这个问题（您可以运行此代码片段以查看返回值）：

function hello() {
    var str = 'I am here';

    // declare inner
    function inner() {
        var result = [];
        for (var i = 0; i < 10; i++) {
            result.push(i);
        }
        return result;
    }

    // now call inner() and return its result
    return inner();
}

console.log(hello());