访问函数外部的变量值

Question

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

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

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

这是我的JS：

注意：我删除了这篇文章的API密钥，所以这不是问题

$(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);
}
});
}
});