Javascript - 从嵌套函数返回值答案

【问题标题】：Javascript - Returning a value from a nested functionJavascript - 从嵌套函数返回值
【发布时间】：2020-09-03 09:20:17
【问题描述】：

我正在尝试从它的 lat 和 long 值对地址进行 ReverseGeocode 并显示在 Bootstrap 模式中，因此我想使用 ReverseGeocode 的结果更新变量“startAddress”功能，但我一直无法。

这是modal功能：

$(document).on("click", ".modal-editRoute", function () {
    var getCoord = $(this).attr("data");
    var splitCoord = getCoord.split(",");
    var startAddress = getReverseGeocodingData(splitCoord[0], splitCoord[1]);
    console.log("1: "+ startAddress); // This is undefined
    $(".modal-body #startRoute").val(startAddress);
    $(".modal-body #endRoute").val('coming soon');
});

这是 getReverseGeocodingData 函数：

function getReverseGeocodingData(lat, lng) {
    var latlng = new google.maps.LatLng(lat, lng);
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({ 'latLng': latlng }, function (results, status) {
        if (status !== google.maps.GeocoderStatus.OK) {
            alert(status);
        }
        if (status == google.maps.GeocoderStatus.OK) {
            var result = (results[0].formatted_address);
        }
        console.log("2: "+result);
        return result;
    });
}

这是它在控制台日志中的显示方式：

【问题讨论】：

标签： javascript google-maps geocode

【解决方案1】：

你可以使用承诺：

function getReverseGeocodingData(lat, lng) {
    var latlng = new google.maps.LatLng(lat, lng);
    var geocoder = new google.maps.Geocoder();
    return new Promise((resolve, reject) => {
        geocoder.geocode({ 'latLng': latlng }, function (results, status) {
            if (status !== google.maps.GeocoderStatus.OK) {
                alert(status);
            }
            if (status == google.maps.GeocoderStatus.OK) {
                var result = (results[0].formatted_address);
                startAddress = result;
            }
            console.log("2: "+startAddress); // This has the proper value
            resolve(startAddress);
        });
    });
}

$(document).on("click", ".modal-editRoute", function () {
    var getCoord = $(this).attr("data");
    var splitCoord = getCoord.split(",");
    getReverseGeocodingData(splitCoord[0], splitCoord[1])
      .then((startAddress) => {
          console.log("1: "+ startAddress); // This is empty
          $(".modal-body #startRoute").val(startAddress);
          $(".modal-body #endRoute").val('coming soon');
      });
});

要了解有关 Promise 的更多信息，您可以阅读这篇文章：Promise

【讨论】：