einen Wert von einem Versprechen Rückkehr

Question

Ich mag würde die Google Maps Geocoding API mit einem Versprechen wie diese nennen:

function makeGeoCodingRequest(address,bounds) 
{ 
    /* 
     Input parameters: 
      address:a string 
      bounds: an object of class google.maps.LatLngBounds(southWest,northEast) 

     This will return a set of locations from the google geocoding library for the given query 
    */ 
    var url="https://maps.googleapis.com/maps/api/geocode/json?address=" + address + "&key=AIzaSyD9GBloPC20X-1kWRo7sm_0z5xvCiaSd3c"; 
    var promise,response; 
    var messages={ 
      "ZERO_RESULTS":"No results were found", 
      "OVER_QUERY_LIMIT":"We are over the query limit.Wait awhile before making a request", 
      "REQUEST_DENIED":"Request was denied,probably using a bad or expired API Key", 
      "INVALID_REQUEST":"Request was sent without the required address,component or component", 
      "UNKNOWN_ERROR": "There was an error somewhere on Google's servers" 
    }; 
    if(address) 
     promise=Q($.ajax({ 
      type: "GET", 
      url: "https://maps.googleapis.com/maps/api/geocode/json?address=" + address + "&key=API_KEY" 
     })); 
     return promise.then(function(data) { 
      if (data.status === "OK") return data; 
      else console.error(messages[data.status]); 
      return null;  
     }); 
} 

Wenn ich die Funktion makeGeoCodingRequest Anfrage nennen, finde ich, dass ich ein Versprechen statt eines erhalten Wert:

var geo=makeGeoCodingRequest(address); 
console.log(Q.isPromise(geo));//returns true 

Warum nicht versprechen.dann ausgeführt, bevor der Wert zurückgegeben wurde? Wie kann ich einen Wert aus diesem Versprechen anstelle eines anderen versprechen?

Answer 1

Wenn Sie auf ein Versprechen angewiesen sind, um Ihre Daten zurückzugeben, müssen Sie ein Versprechen von Ihrer Funktion zurückgeben.

Sobald eine Funktion in Ihrem Callstack asynchron ist, müssen alle Funktionen, die sie aufrufen möchten, async sein, wenn Sie die lineare Ausführung fortsetzen möchten. (async = gibt ein Versprechen zurück)

Beachten Sie, dass Ihre if-Anweisung keine geschweiften Klammern hat und daher nur die erste Anweisung nach der Ausführung ausgeführt wird, wenn die Bedingung fehlschlägt.

Ich habe es in diesem Beispiel behoben. Beachten Sie die Anmerkungen, die ich hinzugefügt habe.

if(address){ 
    promise=Q($.ajax({ 
     type: "GET", 
     url: "https://maps.googleapis.com/maps/api/geocode/json?address=" + address + "&key=API_KEY" 
    })); 
    return promise.then(function(data) { 
     // whatever you return here will also become the resolve value of the promise returned by makeGeoCodingRequest 
     // If you don't want to validate the data, you can in fact just return the promise variable directly 
     // you probably want to return a rejected promise here if status is not what you expected 
     if (data.status === "OK") return data; 
      else console.error(messages[data.status]); 
     return null;  
    }); 
} 

Sie müssen auf folgende Weise aufrufen.

makeGeoCodingRequest(address,bounds).then(function(data){ 
    // this will contain whatever 
    console.log(data); 
}); 

Answer 2

Wenn Ihr Code warten soll, bis die asynchrone Aktion abgeschlossen ist, bevor Sie fortfahren (BAD IDEA - die Seite friert ein, während die Anfrage abgeschlossen wird), fügen Sie async: false den Parametern der AJAX-Anfrage hinzu.

Meine Empfehlung ist jedoch, makeGeoCodingRequest nichts direkt zurückgeben - und geben Sie einfach ein zusätzliches Argument, requestCallback, so dass sein Aufrufer in einer Funktion übergeben kann, die aufgerufen wird, wenn die Daten verfügbar sind. Rufen Sie diese Funktion mit den resultierenden Daten innerhalb Ihrer promise.then-Funktion auf.

Answer 3

Sie geben ein Versprechen von der Funktion makeGeoCodingRequest zurück. Das ist eine gute Sache für mich, dies hilft Ihnen, weitere Async-Aufrufe zu ketten, wenn dies in Zukunft erforderlich ist. Was ich vorschlagen würde, ist, eine .then() für die zurückgegebene Versprechen zu verwenden und zu prüfen, ob das Versprechen einen zurückgegebenen Wert oder Fehler in der folgenden Weise hat.

Answer 4

finde ich, dass ich ein Versprechen anstelle eines Wertes

Ja, erhalten, da die Operation asynchron ist und gibt ein Versprechen, das den zukünftigen Wert darstellt.

Warum wird nicht versprochen, bevor der Wert zurückgegeben wurde?

Weil es asynchron ist. .then wird (must) seinen Callback nie ausführen, bevor es ein anderes Versprechen zurückgibt.

Wie kann ich einen Wert aus diesem Versprechen anstelle eines anderen Versprechens erhalten?

Sie erhalten den Wert in dem Rückruf:

makeGeoCodingRequest(address).then(function(geo) { 
    console.log(geo) 
    console.log(Q.isPromise(geo)); // false 
    // do anything with the value here 
}) 
// if you need to do anything with the result of the callback computation: 
// you're getting back another promise for that! 

es unmöglich ist, sie aus dem Versprechen (many have tried) synchron zu erhalten. Das würde bedeuten, die Ausführung zu blockieren, was wir nicht wollen - bleiben wir asynchron und nicht blockierend!