在JS函数中等待异步调用的结束。 （？jQuery.Deferred）

Question

这里是我的（简单）的问题：

我有一个JavaScript函数，以便得到一些结果异步调用外部API。我需要等待这些结果，因为我想对它们进行一些测试以确定它们是否有效，但Deferred对我来说非常复杂，我无法成功。

这里是我做了什么：

$("#step-content").steps({ 
    //some parameters 
    onStepChanging: function(event, currentIndex, newIndex) { 
     verifyAddress().done(function(test) { 
      if($("#hdnLatitude").val() == "" || $("#hdnLongitude").val() == "") 
       test = false; 
      else 
       test = true; 

      console.log(test); // test is true or false, that's good 
      return test; 
     }); 

     console.log(test); // test is always empty here 

     //Here, I just need to do return true or return false to block step-changing if there is an error. 
     return test; 
    } 
}); 

基本上，这里是我的verifyAddress功能：

function verifyAddress() { 
    var r = $.Deferred(); 

    var geocoder = new google.maps.Geocoder(); 
     if (geocoder) { 
      var adressToGeocode = /* Get the address to geocode */ 

      geocoder.geocode({ 'address': adressToGeocode }, function (results, status) { 
       if (status == google.maps.GeocoderStatus.OK) 
       { 
        //Save the lat/lng returned in #hdnLatitude and #hdnLongitude 
       } 

       r.resolve(); 
      }); 
     } 
    //Not sure where to place the return r ; try elsewhere but no success 
    return r; 
} 

所以我需要的是等待verifyAdress()结束并获得＃ hdnLatitude和#hdnLongitude已填充，并在onStepChanging事件中返回false为false，以确定是否可以转到下一步（地址是OK）而不是（add雷斯是错误的）

我使用this SO question以更好地了解Deferred，但我无法成功。
有人能帮我吗？

非常感谢

Answer 1

好的，正如@Bergi所说，这个插件似乎不可能。

所以，我绕过了这个问题，用一个假的代替Next按钮，它调用了我的异步事件。在这个事件结束时，如果结果正常，我用克隆的orignal替换Next按钮，并触发其上的click事件传递到下一步，而用户不必点击两次。

不知道它是否真的很干净，但它适合我的需求

Answer 2

你函数应该是这样的：

function verifyAddress() { 
    var r = $.Deferred(); 

    //call Google server to geocode my address. The call is asynchrounous. 
    //The results are put in #hdnLatitude and #hdnLongitude fields. 
    //The fields are correctly filled. 
    googleFunc(someParam, function done(){ 
     r.resolve(); 
    }); 

    return r; 
} 

你必须解决内部的一些done回调将通过谷歌服务器功能被称为延期，就必须处理结果有一定的回调函数。

var test = false; //Can't change step until allowed in async function 
$("#step-content").steps({ 
    //some parameters 
    onStepChanging: function(event, currentIndex, newIndex) { 
    if (!test) 
     verifyAddress().done(function() { 
      if($("#hdnLatitude").val() == "" || $("#hdnLongitude").val() == "") 
       test = false; 
      else 
       test = true; 

      console.log(test); // test is true or false, that's good 

      //Auto move to next step if test is true 
     }); 


     //Here, I just need to do return true or return false to block step-changing if there is an error. 
     return test; 
    } 
});