Wie Holen mehrere Rückgabewerte aus einer JavaScript-Funktion

Haben Sie ein größeres problem. Sie sind dem Aufruf der asynchronen $.ajax() Methode, wo die callback-Funktion wird aufgerufen werden, nachdem Ihre changeMapLocation() - Funktion gibt, und daher Ihre Funktion nicht so funktioniert, wie Sie erwarten. Befolgen Sie die Kommentare in dem Beispiel unten:

function changeMapLocation(state) {
   var lat;
   var long1;
   //Since the $.ajax() method is using the asynchronous XMLHttpRequest, it 
   //will not block execution, and will return immediately after it is called,
   //without waiting for the server to respond.
   $.ajax({
      url: 'url-here',
      type: 'POST',
      success: function(longlatJson) {
         //The code here will be executed only when the server returns
         //a response to the ajax request. This may happen several 
         //milliseconds after $.ajax() is called.
         var jsonObj = JSON.parse(JSON.stringify(longlatJson));
         lat = jsonObj.results[0].geometry.location.lat;
         long1 = jsonObj.results[0].geometry.location.lng;
         //Now lat and long1 are set, but it is too late. Our 
         //changeMapLocation() function will have already returned.
      }
   });
   //This part will be reached before the server responds to the asynchronous
   //request above. Therefore the changeMapLocation() function returns an  
   //object with two properties lat1 and lat2 with an undefined value.
   return {lat1: lat, lat2: long1};
}

Sollten Sie refactoring Ihres Codes in einer Weise, dass die Logik zum verarbeiten der ajax-response ist in der success Rückruf. Beispiel:

function changeMapLocation(state) {
   $.ajax({
      url: 'url-here',
      type: 'POST',
      success: function(longlatJson) {
         var jsonObj = JSON.parse(JSON.stringify(longlatJson));
         var lat = jsonObj.results[0].geometry.location.lat;
         var long1 = jsonObj.results[0].geometry.location.lng;

         //Update your map location in here, or call a helper function that
         //can handle it:
         myGoogleMap.setCenter(new google.maps.LatLng(lat, long1));
      }
   });
}

Beachten Sie, dass changeMapLocation() nichts zurück mehr. Es wird ändern Sie einfach die Position auf der Karte auf seine eigene, wenn der server antwortet auf die Ajax-Anfrage.

Darüber hinaus beachten Sie, dass Ihre lat und long1 Variablen wurden eingeschlossen in den Umfang der success innere Funktion, und konnte nicht aufgerufen werden, die von der äußeren Funktion.

InformationsquelleAutor Daniel Vassallo

Können Sie nur einen einzelnen Wert zurückgeben. Dieser Wert kann ein Objekt, aber die syntax verwendet {} nicht ().

- Und Asynchronous JavaScript und XML-ist Asynchrone. Soweit die aufrufende Funktion betroffen ist, ist es Feuer und vergessen, Sie nicht bekommen, um einen Wert zurückzugeben.

Ihren Rückruf hat, um die Aufgabe abzuschließen, kann es nicht geben, die Daten zurück um etwas anderes, um es zu vollenden.

InformationsquelleAutor Quentin

Um mehrere Werte zurückgeben, die Sie benötigen, um ein Objekt zu erstellen.

return({
   lat1:  lat,
   lat2:  long1
});

Neben, dass dieser code nicht funktionieren würde, da $.ajax() schafft eine asynchronen Anfrage, Brände, die später als Ihre return statement tut.

So benötigen Sie zum aufrufen Ihrer eigenen callback. wie

function changeMapLocation(state, cb){
    $.ajax({
         //much data
         success: function(longlatJson) {
             //do a lot of things
             if(typeof cb === 'function')
                cb.apply(null, [lat, long1]);
         }
    });
}

und dann nennen Sie es wie

changeMapLocation("foobar", function(lat, long1){
     alert(lat);
     alert(long1);
});

InformationsquelleAutor jAndy