需要有关 Javascript 变量作用域的帮助

Question

我有以下 Javascript 函数，它应该返回数据库中的组数组。它使用 $.getJSON() 方法调用 get_groups.php 来实际从数据库读取数据。

function get_groups() {
    var groups = [];

    $.getJSON('get_groups.php', function(response) {
        for (var i in response) {
            groups.push(response[i]);
        }
    }

    return groups;
}

不幸的是，这个函数无法按预期工作，因为groups.push(response[i]); 不会填充 var groups = []; （据我了解，它填充了其他一些 groups 数组，可能是全局数组）。

假设我不想有一个全局groups变量，你会如何解决这个问题？

Answer 1

这实际上不是范围问题，而是 $.getJSON() 是异步的，这意味着这部分在您返回后运行：

for (var i in response) {
  groups.push(response[i]);
}

您需要在异步请求的回调中调用需要此数据的任何函数，因此它会在数据可用时运行，如下所示：

$.getJSON('get_groups.php', function(response) {
    var groups = [];
    for (var i in response) {
        groups.push(response[i]);
    }
    doSomethingThatNeedsGroups(groups);
});

目前您的分组数组正在被填充，只是不是在您需要的时候填充。如果您绝对必须返回此值（我强烈建议按照预期方式使用异步模型），您可以使用完整的 $.ajax() 版本并设置 async:false。再说一遍……如果可能的话，不要走这条路，一旦数据可用，就坚持调用需要数据的任何函数，因为 async: false 将锁定用户的浏览器。

Answer 2

除非您确实有一个名为 groups 的全局变量（实际上这不是最好的主意），否则您正在与“本地”groups 变量交谈。

由于 EMCA-/Javascript 确实具有函数作用域，并且您在那里使用闭包，因此您确实可以访问该变量。所以这里的问题，不是范围。
因此，即使全局变量具有完全相同的名称，这种所谓的词法作用域也将保证您可以访问局部变量。

实际的问题是，return groups 在 $.getJSON() 完成之前执行。由于它创建了一个 ajax 请求，因此它异步运行。

您应该自己使用回调来处理数据：

function get_groups(cb) {
   var groups = [];

   $.getJSON('get_groups.php', function(response) {
       for (var i in response) {
           groups.push(response[i]);
       }
       cb.apply(null, [groups]);
   }
}

get_groups(function(groups){
   // do something with groups array
});

Answer 3

"$.getJSON('get_groups.php', function(response) {" 是一个回调函数。groups

-Array 中的更改会在回调被欺骗后以及返回组后生效。get_groups

1. 输入
2. 请求 url 和注册回调
3. 返回组
4. “get_groups”结束
5. 触发回调
6. 进入任意回调函数
7. 修改组数组
8. 任意回调函数结束

您无法直接返回回调函数的修改。