无法在javascript中修改全局变量

Question

 var address ="<%= params[:search] %>"; var lat; var long; var geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': address}, function(results, status) { lat = results[0].geometry.location.lat(); long = results[0].geometry.location.lng(); }); alert(lat); //wanna use lat and long here! 

当在函数外部调用时，浏览器始终会发出“未定义”的警报，而在函数内部调用时，浏览器始终会起作用。

Answer 1

您好Ashutosh Gupta ，

发生这种情况是因为您的alert()发生在变量赋值之前。 您可以使用Promise解决此问题，例如

var address ="<%= params[:search] %>";
var lat;
var lng;
var geocoder = new google.maps.Geocoder();

new Promise((resolve, reject) => {
geocoder.geocode( { 'address': address}, function(results, status) {
    lat = results[0].geometry.location.lat();
    lng = results[0].geometry.location.lng();
    resolve({lat: lat, lng: lng});
}));
}).then((data) => {
    alert(data);
});

Answer 2

geocoder.geocode函数是异步的，在异步操作完成后，它会在回调函数中接收纬度和经度。 只有这样，才能定义lat和long变量。

您的警报在启动异步操作后立即运行，这意味着在触发警报时它仍未完成。 因此， lat和long仍未定义。

您不能在回调块之外使用经度和纬度。 将其移动到回调块中，它将起作用：

var address ="<%= params[:search] %>";
var lat;
var long;
var geocoder = new google.maps.Geocoder();
geocoder.geocode( { 'address': address}, function(results, status) {
    lat = results[0].geometry.location.lat();
    long = results[0].geometry.location.lng();
    // you can use lat and lng inside here! :)
    alert(lat);
});

如果您想更好地理解JavaScript中的异步代码， 请阅读此文章： https : //stackoverflow.com/a/14220323/2401947