javascript - 访问函数外部的变量值

Question

我的脚本中有 2 个函数。函数 #1 的目的是生成一个名为“mapsURL”的 url

第二个函数的目的是使用“mapsURL”运行 .ajax 请求

但是，我在第二个函数中访问“mapsURL”时遇到问题。我在第一个函数中声明了“mapsURL”，而没有使用“var”。根据我的理解，这应该使 this 值成为全局值，并且我应该能够在其他函数内部访问它。我的理解不正确还是我在这里缺少什么？

这是我的js:

注意:我删除了这篇文章的 API key ，所以这不是问题

$(document).ready(function (){


  navigator.geolocation.getCurrentPosition(function (position) {
     var positionLat = position.coords.latitude
     var positionLon = position.coords.longitude
     mapsURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + positionLat + "," + positionLon + "&key=***mykeygoeshere***";
  });


 function getData (){
   $.ajax({
     url: mapsURL,
     dataType: 'json',
     success: function(response){
      console.log(response);
     }
    });
  };

  getData();

});

Answer 1

getCurrentPosition 是异步的。它不会立即分配给 mapsURL，因此当您同步调用 getData 时，mapsURL 尚未填充还没有。

您应该在 getCurrentPosition 回调中调用 getData - 这也可以让您避免使用全局变量:

$(document).ready(function() {
  navigator.geolocation.getCurrentPosition(function(position) {
    var positionLat = position.coords.latitude
    var positionLon = position.coords.longitude
    var mapsURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + positionLat + "," + positionLon + "&key=***mykeygoeshere***";
    getData(mapsURL);
  });
  function getData(mapsURL) {
    $.ajax({
      url: mapsURL,
      dataType: 'json',
      success: function(response) {
        console.log(response);
      }
    });
  }
});