global ändern Variable in JavaScript Schließung

Question

Ich versuche, den Wert einer Variablen in einem Verschluss zu ändern:

var myVariable; 
$.ajax({ 
    //stuff.... 
    success:function(data) { 
     myVariable = data; 
    } 
}); 

Das funktioniert nicht, weil myVariable die Schließung nicht sichtbar ist. Wie ändere ich diesen Code, so dass sich der Wert myVariable ändert?

Answer 1

Im Gegensatz zu Ihrem Glauben, Ihr Code funktioniert. Aber zu sehen, was Sie versuchen, zwischen den Zeilen zu tun und zu lesen Ich vermute, Sie versuchen, dies zu tun:

var myVariable; 
$.ajax({ 
    //stuff.... 
    success:function(data) { 
     myVariable = data; 
    } 
}); 
alert(myVariable); // at this point myVariable is undefined!! 

Wenn ja, müssen Sie über asynchrone Funktionen lernen.

Grundsätzlich gibt die $.ajax() Funktion zurück, bevor die Ajax-Anforderung tatsächlich übermittelt wird. Es wird später die Ajax-Anfrage machen, wenn der Browser nicht gerade Javascript ausführt. Dies bedeutet, dass die Zuweisung noch nicht erfolgt ist, wenn Sie versuchen, den Wert myVariable zu melden.

Lesen Sie meine Antwort hier für mehr Details: JS global variable not being set on first iteration

Die einzige gute Lösung ist es, die Art und Weise Sie Codierung denken zu ändern. (Es gibt eine wohl schlimme Lösung, die darin besteht, den Ajax-Aufruf auf synchron zu stellen, aber wir kommen nicht dazu, Sie können es googlen, wenn Sie das Handbuch lesen oder lesen wollen). Statt dies zu tun:

var myVariable; 
$.ajax({ 
    //stuff.... 
    success:function(data) { 
     myVariable = data; 
    } 
}); 
/* 
* Do lots of stuff with the returned value 
* of the myVariable variable 
* 
*/ 

Sie brauchen jetzt es so schreiben:

var myVariable; 
$.ajax({ 
    //stuff.... 
    success:function(data) { 
     myVariable = data; 
     /* 
     * Do lots of stuff with the returned value 
     * of the myVariable variable 
     * 
     */ 
    } 
}); 

Grundsätzlich kann jede und alle Codes bewegen, die Sie nach dem Ajax-Aufruf in den Erfolg Rückruf geschrieben hätten. Das ist gewöhnungsbedürftig (ausgehend davon, wie viele Varianten dieser Frage im Internet existieren). Aber wenn man einmal daran gewöhnt ist, wird es zur zweiten Natur.

Es gibt einen Namen für diese Art der Programmierung. Es ist verschiedentlich bekannt als: "ereignisgesteuerte Programmierung" oder "Fortsetzung-Weitergabe Stil" oder "evented Programmierung". Sie können die verschiedenen Begriffe googlen, wenn Sie mehr wissen möchten.

Answer 2

Wenn dieser Code im globalen Gültigkeitsbereich ist, ist myVariable sichtbar für die innere Funktion. Wenn Sie sich Sorgen machen über sie von einer lokalen Variablen beschattet wurden, explizit Zugriff als Eigenschaft der global:

var myVariable; 
$.ajax({ 
    //stuff.... 
    success:function(data) { 
     window.myVariable = data; 
    } 
});