переменная, не передающая значение вне функции

Question

Я работаю над геокодированием в Google Map, и мне интересно, почему мой скрипт не будет иметь значение g_lat и g_long на этом оповещении? Я уверен, что это имеет значение, поскольку когда я делаю console.log(), он показывает что-то.

var g_lat; 
var g_long; 

geocoder.geocode({ 'address': address}, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
    g_lat = results[0].geometry.location.lat(); 
    g_long = results[0].geometry.location.lng(); 
    console.log(g_lat); // output: -33.8468085 
    console.log(g_long); // output: 151.06454640000004 
    } else { 
    alert('Geocode was not successful for the following reason: ' + status); 
    } 
}); 
alert(g_lat); // output: undefined 
alert(g_long); // output: undefined 

Answer 1

Leandro, похоже, вам, возможно, потребуется определить, какие области вашего кода вы можете использовать в отдельных функциях. Это упростит достижение того, что вы хотите сделать.

Во-первых, однако, обратные вызовы. Вы знаете, что вы можете передавать функции как параметры в другие функции? Это чрезвычайно полезная функция, особенно когда вы имеете дело с асинхронными вызовами API. Что-то вроде этого примера - мы вызываем doThis, но передаем функцию для вызова, как только мы выполнили все остальные вещи в doThis, что нам нужно. Консоль покажет журналы в порядке.

// `doThis` receives a function as a callback and executes it after doing stuff. 
function doThis(callback) { 
    console.log('logged first'); 
    callback(); 
} 

// pass in a function as a parameter to `doThis` when we call it 
doThis(function() { 
    console.log('logged second'); 
}); 

Ну, мы можем это сделать и с вашим кодом. (Я сократил часть вашего кода для краткости)

Вставьте код геокода в его собственную функцию. Здесь я толкая результаты Геокодировать в функции обратного вызова:

function getGeocode(callback) { 
    geocoder.geocode({'address': address}, function (results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     callback(results); 
    } 
    }); 
} 

Затем вызовите эту функцию из где-то в вашем коде, используя функцию обратного вызова. Здесь обратный вызов получает данные результатов из функции геокодирования.

getGeocode(function (results) { 
    var g_lat = results[0].geometry.location.lat(); 
    var g_long = results[0].geometry.location.lng(); 
    console.log(g_lat, g_long); 
}); 

Вы даже можете обернуть это в своей собственной функции, так что в любое время вы хотите, чтобы захватить некоторые данные геокодировать и зарегистрировать ее (к примеру), вам просто нужно, чтобы выполнить его, возможно, передавая адрес, который вы хотите:

function getGeocode(address, callback) { 
    geocoder.geocode({'address': address}, function (results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     callback(results); 
    } 
    }); 
} 

function getGeocodeAndProcess(address) { 
    getGeocode(address, function (results) { 
    var g_lat = results[0].geometry.location.lat(); 
    var g_long = results[0].geometry.location.lng(); 
    console.log(g_lat, g_long); 
    }); 
} 

getGeocodeAndProcess('chicago'); 

Надеюсь, это было полезно для вас.

Answer 2

Именно из-за асинхронной природы запроса

var g_lat; 
var g_long; 

//this sends an asynchronous request, meaning the execution of next statements will continue without waiting for the response to the request 
geocoder.geocode({ 
    'address': address 
}, function (results, status) { 
    //once the request is completed this method gets called, all code that depends on the value returned by this request should be kept here 
    if (status == google.maps.GeocoderStatus.OK) { 
     g_lat = results[0].geometry.location.lat(); 
     g_long = results[0].geometry.location.lng(); 
     console.log(g_lat); // output: -33.8468085 
     console.log(g_long); // output: 151.06454640000004 
    } else { 
     alert('Geocode was not successful for the following reason: ' + status); 
    } 
}); 
//thest statements are executed before the response comes back so you are getting undefined 
alert(g_lat); // output: undefined 
alert(g_long); // output: undefined 

Answer 3

я не мог проверить его, но он должен сделать трюк, дайте мне знать.

var g_lat; 
var g_long; 


geocoder.geocode({'address': address}.then 
    (function (results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      g_lat = results[0].geometry.location.lat(); 
      g_long = results[0].geometry.location.lng(); 
      console.log(g_lat); 
      console.log(g_long); 
     } 
    }),function(error) { 
     alert('Geocode was not successful for the following reason: ' + error); 
    } 
});