Wie man eine variable zurückgegeben, die über mehrere Funktionen - Javascript/jQuery

Diese Frage in der Zusammenfassung ist es, herauszufinden, wie zur übergabe von Variablen zwischen javascript-Funktionen ohne: zurückgeben von Variablen, Parameterübergabe zwischen primären Funktionen, Globale Variablen, und zwingt die Funktion 1 zu warten, für Funktion 2 zu beenden. Ich fand heraus, eine jQuery-Lösung und erzielte in der unten (im Abschnitt Antwort).

Alten Post: ich Initialisiere einen Satz von vier Funktionen, jede Berufung auf jedes andere in einer anderen Weise. Am Ende der es, ich brauche die final-modifiziertes Produkt (ein array) zurückgegeben, um die Initialisierung der Funktion.

Globale Variablen nicht zwingen, die ursprüngliche Funktion zu warten. Und wieder rückwärts, die vier mal nicht funktioniert entweder. Wie vertreibt man eine modifizierte variable zurück zu seiner Initialisierungsfunktion, wenn Sie nicht mehr zurück können? Oder warum ist es nicht zurückgeben?

(das Labyrinth beginnt bei initFunctionA endet functionD)

classOne = {
  initFunctionA : function() {
    classTwo.functionB(functionD, array);
    //I NEED ACCESS TO ARRAY2 HERE
  },
  functionD : function(data, array) {
    var array2 = //modifications to array
  }
}

{...}

classTwo = {
  functionB : function(callback, array) {
    $.ajax({
      success: function(ret){
        classTwo.functionC(ret, callback, array)
      }
    });
  },
  functionC : function(ret, callback, array) {
     callback(ret.data.x, array);
  }
}
Javascript arrays per Referenz übergeben, so dass, wenn Sie halten, vorbei an den gleichen array, um die verschachtelten Funktionen, die Sie erhalten, sollten die veränderte array in die endgültige Anruf. Könntest du poste den vollständigen code arbeiten?
Dass der code wirklich keinen Sinn; classTwo.function(functionB, array) im besonderen. Werden Sie sagen, dass Sie gehen zu call functionB es?
du hast Recht. sorry. Ich erstelle ein array (array2) in meiner letzten Funktion mit dem ersten array. Ich habe versucht, einfach zu sagen: array = array2 an das Ende von allem, aber es funktioniert immer noch nicht. Es ist die Rückgabe der Daten, bevor Sie die änderungen (initFunctionA geht ohne Wartezeit). Der code ist ziemlich lang. Ich machte änderungen vor, obwohl es ja hoffentlich klarer. Vielen Dank für Ihre Hilfe!
yep, ich rufe functionB es.

InformationsquelleAutor Kyle | 2010-08-20

  1. 1

    Ändern Sie Ihre callback (an der call-site), so dass Sie capture die return-Wert functionD. Ändern Sie dann functionD so, es gibt array2. Ich habe this Zugriff auf das Beispiel unten als Bequemlichkeit. (Auch, sicher sein, um Semikolons, wo "erforderlich", wenn Sie wollen JSLint glücklich.)

    classOne = {
  initFunctionA : function() {
    var self = this;

    classTwo.functionB(function() {
        var array2 = functionD.apply(self, arguments);

        //ACCESS ARRAY2 HERE
    }, array);
  },
  functionD : function(data, array) {
    var array2 = //modifications to array

    return array2;
  }
};

{...}

classTwo = {
  functionB : function(callback, array) {
    $.ajax({
      success: function(ret){
        classTwo.functionC(ret, callback, array)
      }
    });
  },
  functionC : function(ret, callback, array) {
     callback(ret.data.x, array);
  }
};
    ich habe versucht, um diese Lösung zu implementieren, um den Brief, aber ich bekomme keine Daten zurück. Ich bin zwar nicht werfen Fehler, das ist Bizarr. Ich würde schauen in es weiter, aber ich habe bereits eine Lösung gefunden, die funktioniert (die, die ich gepostet). , Die being said, Sie scheinen zu wissen, wovon du redest. Ich bin ein amateur und ich will nicht mess up die stack-overflow-MO, so geben Sie mir nur ein "ja, ich bin zuversichtlich," und ich nehme das als Antwort. Überprüfen Sie heraus meine Entgegnung auf Ihren Kommentar zu, wenn Sie Zeit haben. Danke!
    Kannst du dein code? Sind Sie sicher, dass Sie zurückgeben array2 im functionD? Sind Sie sicher, dass Sie schreiben Ihren code, welcher auf array2 in der anonymen Funktion in initFunctionA und nicht in der Außenwelt, die anonym Funktion?
    Ich habe versucht es und dann habe ich meine änderungen rückgängig gemacht. Verzeihen Sie mir für das posting der code (ich bin auf einen Termin und gehen mit meinem hacky Lösung). ABER...ich habe viel gelernt von Ihrem Ansatz. Ich ging array2 zusammen mit verschiedenen anderen Parametern und kann ich noch nicht verstanden, die Nuancen gehen mit mehr als nur einer. That being said, +1 und prüfen. Ich denke, das wird helfen, jemand anderes für Sie sicher.
    Wie ich es verstehe, werden Sie sagen, dass eine lokale variable, Funktion X ist erhältlich für die Verwendung innerhalb der Funktion werden die Funktion X, wenn auch nicht als argument übergeben? (var selbst definiert ist, in NOR, die fordert, functionB der sich selbst in seiner Funktion definition, ohne selbst als einen parameter in der functionB nennen) Hab ich das aufgeschnappt Recht?

    InformationsquelleAutor strager

  2. 1

    Können Sie nicht machen es mit einem Muster wie du geschrieben hast, es ist einfach nicht möglich, in Javascript, denn es gibt keine solche Sache als "warten". Ihre ajax-code hat zu einer callback-parameter (die du hast, obwohl es nicht klar ist, Woher es kommt oder was es macht), und dass die erste Funktion übergeben sollte im code zu tun, was Sie brauchen, mit der das array nach dem ajax-Aufruf beendet ist.

    Ich denke, ich habe herausgefunden, ein Weg zu imitieren, "warten" im javascript-unabhängig von der ajax-call. Es funktionierte für meine Zwecke aber ich würde mich über Eure Meinung freuen. Ich stellte die Antwort in dieser Antwort-Abschnitt.

    InformationsquelleAutor Pointy

  3. 1

    Ich würde die Verwendung eines Objekts Konstruktor:

    function ClassOne() {
    this.array2 = [];
}

ClassOne.prototype.initFunctionA = function() {
    //...
}

ClassOne.prototype.functionD = function(data, array) {
    //Can use array2 EX: this.array2
}

var classOne = new ClassOne();
    Ich glaube, dass der Kern des Problems ist der asynchronen ajax-Aufruf in die Mitte der Dinge; es hat nicht wirklich etwas zu tun mit der Art, wie die Klassen aufgebaut sind (obwohl es irgendwie-schwer zu sagen, ich zugeben).
    Ich sehen, warum Sie waren verwirrt. Ich hatte mein alphabet gekreuzt 🙂 ich reparierte die Buchstaben. @ChaosPandion ... ich komme zurück zu diesem morgen und versuchen Ihre Lösung.
    +1 ich habe nie, dieses heraus zu testen, denn ich brauchte, um meine Klassen statische und organisiert, wie der rest des Projekts ist. Es könnte funktionieren, oder es kann die leiden, die Probleme, die Spitzen gebracht. Ich bin nicht Experte genug, um zu wissen. Ich löste mein problem in einem anderen Weg (was ich unten geschrieben)...aber +1 weil dies kann eine vollständig gültige Lösung und es sieht aus wie es könnte genau das tun, was Sie sagen.

    InformationsquelleAutor ChaosPandion

  4. 0

    Dies ist, wie ich dein problem verstanden:
    classTwo Griffe eine AJAX-aufrufen und verändern können, das Ergebnis. classOne nutzt classTwo, um einige Daten und muss die daraus resultierenden Daten.

    Wenn ja, wie ist das:

    classOne = {
  initFunctionA : function() {
    var array = ['a','b','c'];
    classTwo.functionB(this.functionD, array);
  },
  functionD : function(data, array) {
    //This function is called when the AJAX returns.
    var array2 = //modifications to array
  }
}

{...}

classTwo = {
  functionB : function(callback, array) {
    $.ajax({
      success: function(ret){
        classTwo.functionC(ret, callback, array)
      }
    });
  },
  functionC : function(ret, callback, array) {
     callback(ret.data.x, array);
  }
}

    So classOne.initFunctionA Anrufe classTwo.functionB setzt einen ajax-Aufruf. Wenn der ajax-Aufruf erfolgreich abgeschlossen wurde, classTwo.functionC genannt wird, mit dem Ergebnis und dem ersten array. Von hier aus classOne.functionD genannt wird mit ret.Daten.x und das array.

    sehr gutes Verständnis für die Funktion bestellen! Ich bin mir nicht sicher, ich sehe die Lösung. Ich array2 am Ende initFunctionA
    Du bist nicht in der Lage sein, das zu tun. Die Lösung ist, verschieben Sie alle den code aus initFunctionA, die sich auf array2 in functionD. Es verhält sich wie die Funktion wurde aufgeteilt in zwei Teile mit einer Verzögerung in der Mitte (bedingt durch ajax).
    Stimmt, @Matt. Obwohl ich nur eine Lösung gefunden, die es tut. Unten gebucht.

    InformationsquelleAutor Matt

  5. 0

    Okay! Ich fand einen Weg zur übergabe von Variablen zwischen Funktionen ohne:

    • Globale Variablen
    • machen Objekteigenschaften (Chaos Lösung)
    • übergabe von Parametern

    Diese drei waren die hier vorgeschlagen werden, als die einzigen Möglichkeiten.

    Zugriff auf Variablen aus anderen Funktionen, ohne die Verwendung von globalen Variablen

    Aber, wenn Sie Sie nicht passieren können Parameter direkt, und Sie müssen eine Funktion auf die anderen zu warten (ich.e, kann sich nicht darauf verlassen, Referenzen), und Sie sind mit asynchronen aufrufen auf dem server in einer intermediären Funktion, dann Ihre einzige Lösung ist:

    Mithilfe von jQuery...

    Erstellen Sie dieses Objekt in der DOM (dynamisch, wenn Sie nicht wollen, zu matschig markup):

    <div id='#domJSHandler" style="display: none;"></div>

    Dann in der Funktion, die warten muss:

    //Function & Class Set 2
$('#domJSHandler').bind('proceedWithAction', function(event, param1, param2) {
    //action set 2
});

    Sowie in der Funktion warten:

    //Function & Class Set 1
//action set 1
$('#domJSHandler').triggerHandler('proceedWithAction', [param1, param2]);

    Im wesentlichen umhüllen die letzten Aktionen, die Sie ausführen müssen, in ein jQuery-bind benutzerdefiniertes Ereignis auf einen unsichtbaren DOM-Objekt. Trigger-event von JS mit jQuery triggerHandler. Die Parameter übergeben und voila!

    Ich bin sicher, SO wird mir Mist für diese (und für narzisstisch die Annahme meiner eigenen Antwort), aber ich denke, es ist ziemlich genial für eine uber-Neuling und es funktionierte für mich.

    So :p-Stack Overflow
    (jk, Sie alle haben mir den Arsch gerettet viele Male und ich Liebe Sie alle 🙂

    Der Umgang mit dem DOM ist der Umgang mit der globalen Staat. Ich denke, das ist das, was "Globale Variablen" bedeutete, nicht nur mit JavaScript, globals (d.h. Eigenschaften, die auf window im browser).
    Die Einschränkung auf Globale Variablen, die als Lösung für die controlling-Funktion, um (zum Beispiel, wenn ajax verwendet wird), ist, dass die 2. (3., 4.) Funktion führt seine Operationen auf einer Variablen, während die 1. Funktion wird fortgesetzt. Aber ich Stimme mit Ihnen konzeptionell. Es ist nur, dass die globals nicht lösen mein asynchrone problem. Diese tut. (obwohl ich sah nur Ihre post, lassen Sie mich überprüfen Sie es heraus)
    auch, und .unbind() vor .bind (...), wenn der Benutzer ist in der Lage, um zurückzukehren, dass die Seite wieder.
    Das ist wirklich nicht anders als Deklaration einer globalen Funktion und Aufruf über die ajax-completion-handler. Wahrlich, nicht anders: der DOM selbst ist global, so eine Funktion gebunden, wie ein Ereignis-handler von globalen Auswirkungen. Sie erreichen eine Ebene der Dereferenzierung als auslösendes Umwelt muss nicht wissen, welche Funktion tatsächlich ausgeführt, aber Sie würde sich genau die gleiche Wirkung durch eine Globale variable zu verweisen, um die eigentliche Funktion. Natürlich den Aufruf einer globalen Funktion direkt ist schneller als ein benutzerdefiniertes Ereignis aus, zu.
    wenn ich Globale Variablen verwenden, meine erste Funktion ausgeführt wird, ohne "warten." Das auslösen eines Ereignisses von ajax-Erfolg bedeutet, dass die Funktion, die aufgerufen durch ajax wird nicht ausgelöst, bis es durch, aber, dass die aufgerufene Funktion nicht, die ich brauche, um zu warten. Ich Schätze Ihre Einsicht, sondern die beiden Methoden ergab sehr unterschiedliche Ergebnisse für mich.

    InformationsquelleAutor Kyle

Schreibe einen Kommentar