javascript - 从回调函数中获取变量

Question

function foreignCoordinatesArray(){

  var coordinates = [];
  $.getJSON('/critics.json?travel_id=' + $('#foreign_travel').val(), success);

  function success(ary) {
    for(var a in ary){
      var obj = ary[a];
      coordinates.push(new google.maps.LatLng(obj.latitude, obj.longitude));
    }

  }
  console.log(coordinates);
}

最后坐标仍然是 [] 而不是 [{...},{...},...]。我想这一定是闭包的问题

我怎样才能在坐标数组中得到我想要的值？

Answer 1

这不是闭包的问题，​​而是 JavaScript AJAX 调用的异步性质。 AJAX 调用响应到达的那一刻(并且您的成功函数被调用，传播 coordinates 数组)它是在您登录该数组之后的方式 - 当时它是空的。

我猜你想以某种方式从 foreignCoordinatesArray() 函数返回 coordinates。如您所见，您不能使用 return:

function foreignCoordinatesArray(){
  var coordinates = [];
  $.getJSON('/critics.json?travel_id=' + $('#foreign_travel').val(), success);

  function success(ary) {
    //...
  }
  return coordinates;
}

相反，您应该传递一个将接收坐标的回调函数:

function foreignCoordinatesArray(coordinatesCallback){
  var coordinates = [];
  $.getJSON('/critics.json?travel_id=' + $('#foreign_travel').val(), success);

  function success(ary) {
    //...
    coordinatesCallback(coordinates);
  }
}

顺便说一句，在将其用作 URL 的一部分之前，您应该转义 $('#foreign_travel').val()。