javascript - Javascript全局数组在JSON结果函数中不可见

我有一个全局数组，并且在一个函数中调用了Geocoder API。问题在于数组在结果函数中不可见。
我收到错误消息：

Uncaught TypeError: Cannot set property 'address' of undefined

这是代码：

var locationsArray = new Array();

function GetAddress(){
  for(var i=0;i<locationsArray.length;i++)
    $.getJSON("https://maps.googleapis.com/maps/api/geocode/json?latlng="+locationsArray[i].position.lat()+','+locationsArray[i].position.lng(), function (result) {
      locationsArray[i].address = result.results[0].formatted_address;
    });
  console.log(locationsArray);
}

知道为什么吗？谢谢。

最佳答案

TL; DR

为什么不使用.each()？无论如何，您似乎都在使用jQuery ...

function GetAddress() {
  $.each(loationsArray, function(i, v) {
    $.getJSON("https://maps.googleapis.com/maps/api/geocode/json?latlng="
               + v.position.lat() + ',' + v.position.lng(),
       function (result) {
          v.address = result.results[0].formatted_address;
       }
    );
    console.log(v);
  });
}

……未经测试。但是，如果我正确地“音译”了它，则您的v应该在该实现中适当地确定范围。



这不是您的回调看不到locationsArray。如果是这种情况，您的错误将抱怨未定义locationsArray或property 0 of locationsArray。

真正的麻烦是，您的回调从for循环的作用域引用i。在最后一次迭代之后，它实际上将i递增为locationsArray.length。循环条件已测试，失败，并且退出了循环。但是，i仍然是locationsArray.length-一个从未存在的值。 （不过，在一个相关的问题中，也可以在触发回调之前修改集合。）

让我们举个例子：

var arr = [1,2,3];
for (var i = 0; i < arr.length; i++) {
  setTimeout(function() {
    console.log(i, arr, arr[i]);
  }, i * 100);
}

Chrome控制台将显示以下内容：

> 3 [1, 2, 3] undefined
> 3 [1, 2, 3] undefined
> 3 [1, 2, 3] undefined

为了修正我们的示例，我们将“扩大范围”对特定项目的引用，并将其放入回调中。像这样：

var arr = [1,2,3];
for (var i = 0; i < arr.length; i++) {
  // create a scope
  (function() {
    var v = arr[i];
    setTimeout(function() {
      console.log(v);
    }, i * 100);
  })();
}

...并且控制台显示：

> 1
> 2
> 3