在JavaScript函数中返回未定义的值

Question

我有以下代码：

js负载：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

js函数：

<script type="text/javascript">

    var get_location;

    function get_google_latlng() {

        var geocoder =  new google.maps.Geocoder();
        geocoder.geocode( { 'address': 'iran'}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                window.get_location = results[0].geometry.location.lat();
            } else {
                window.get_location = status;
            }
        });

        return window.get_location;
    }

    var lat = get_google_latlng();

    alert(lat);
</script>

返回函数undefined

window.get_location命令也不起作用。

Answer 1

您所拥有的是异步函数的问题。 您没有立即获得geocode方法的值，因为您正在发出ajax请求，这需要时间。 JavaScript新手的典型代表。

回调和闭包是使您在编写JavaScript时更轻松的技术。 我建议您改变思维方式，这不再是无聊的事了。 这是JavaScript。 异步 不要期望每个函数都会立即返回结果。

回调示例：

// Ugly global variable
var get_location;

// Even more ugly global function
function get_google_latlng(callback) {

    var geocoder =  new google.maps.Geocoder();
    geocoder.geocode( { 'address': 'iran'}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            window.get_location = results[0].geometry.location.lat();
        } else {
            window.get_location = status;
        }

        // Now you invoke the callback to notify that the results are ready
        callback();
    });

    // This is absolutely unnecessary
    return window.get_location;
}

get_google_latlng(function(){

   // Only here we are sure the variable was actually written       
   alert(window.get_location);
});

最后一件事，永远不要声明函数，以及直接在JavaScript的全局对象“ window”下的变量，这是一种反模式，将来会让您头疼。

请学习如何制作匿名函数。

Answer 2

试试这个代码：

var get_location;
var geocoder =  new google.maps.Geocoder();
geocoder.geocode( { 'address': 'iran'}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            get_location = results[0].geometry.location.d;
            alert(get_location);
        }
});

您的代码的问题是，先执行警报，然后再执行获取位置功能。