函数为什么不等待另一个函数[重复]

Question

这个问题已经在这里有了答案：

• 如何从异步回调函数返回值？ [重复] 3个答案

我有2个函数，函数A调用函数B，该函数对地址进行地址解析并将LatLng对象返回给函数A，但是不知何故，函数A不会等待函数B从Google返回结果。

function A() {
    var address = document.getElementById("txtbox").value;
    //geocoding here
    var here = B(address);
    if (here == null) {
        console.log("seems like geocode didn't work, defaulting value");

在功能B中

function B(address) {
    var here;
    geocoder = new google.maps.Geocoder();
    geocoder.geocode( { 'address': address}, function(results, status) {
        console.log("geocoding");                                               
        if (status == google.maps.GeocoderStatus.OK) {
            console.log(results[0].geometry.location);
            currentlatlng = results[0].geometry.location;
            lng = currentlatlng.lng();
            lat = currentlatlng.lat();
            here = new google.maps.LatLng(lat, lng);
        } else {
            console.log("Geocode was not successful for the following reason: " + status);
        }
    });

    return here;
}

但似乎控制台的输出是

seems like geocode didn't work, defaulting value
geocoding

因此，似乎函数A调用了函数B，然后继续执行它。

我以为它会等待，但是根据我对google maps api工作方式的理解，它本身并不是“等待”的，所以我该怎么办？

Answer 1

您的地址解析功能是异步的。 它不等待。 其结果来自Ajax调用（“ Ajax”中的“ A”代表异步）。

您不能以异步方式使用异步功能进行编程。 相反，您必须对它们使用异步技术。 在这种情况下，必须在地理编码操作的完成处理程序中执行或调用任何要在获取地理编码信息之后运行的代码。 您不能在B()之后执行它。 您必须在B()内部的完成处理程序中执行它。

如果您希望能够将B()用于多种用途，则可以将回调传递到B()并在地理编码数据可用时调用该回调。

function A(){
    var address = document.getElementById("txtbox").value;
   //geocoding here
    B(address, function(geocodeData) {
        // use geocode data here
    });
}

function B(address, callback){
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode( { 'address': address}, function(results, status) {
         console.log("geocoding");                                              
         if (status == google.maps.GeocoderStatus.OK) {
             console.log(results[0].geometry.location);
             var currentlatlng = results[0].geometry.location;
             var lng = currentlatlng.lng();
             var lat = currentlatlng.lat();
             var here = new google.maps.LatLng(lat, lng);
             // call your callback here and pass it the data
             callback(here);
         }else {
             console.log("Geocode was not successful for the following reason: " + status);
             }
        });
}

仅供参考，您的变量可能应该声明为局部变量（在变量前带有var ），这在异步函数中甚至更为重要。

Answer 2

B进行异步调用，这意味着不保证执行顺序。 最好的选择是，在here已经在B注册的回调函数中初始化之前，执行已经到达A （长）的测试。

基本上，任何你想要做的here必须从回调内部调用后， here已被初始化。 看看jquery，这是一个跨浏览器的js库，该库将Deferred对象的这种延迟执行模式正式化。 特别是它带有一个ajax方法，该方法具有在成功和失败时调用的用户可定义的回调。