Asynchrone Rückgabewerte in JavaScript mit jQuery
Beim Versuch, einen GUID-Wert asynchron mit jQuery abzurufen und zuzuweisen, stoßen Entwickler häufig auf das Problem Dabei zeigt eine Warnung den Wert erfolgreich an, der Wert bleibt jedoch undefiniert, wenn versucht wird, ihn zurückzugeben und einer Variablen zuzuweisen.
Dies liegt an der Natur asynchroner Aufrufe. Wenn die Funktion elqTracker.pageTrack() aufgerufen wird, kehrt sie sofort zurück, noch bevor die Ausführung der Funktion getGUID() abgeschlossen ist. Dies führt dazu, dass der returnValue auf undefiniert gesetzt wird.
Um diese Einschränkung zu beheben, stellt jQuery das $.Deferred-Objekt bereit. Indem wir ein Versprechen von trackPage() zurückgeben, können wir Rückrufe daran anhängen, um die asynchronen Ergebnisse zu verarbeiten.
<code class="javascript">function trackPage() {
var elqTracker = new jQuery.elq(459),
dfd = $.Deferred();
elqTracker.pageTrack({
success: function () {
elqTracker.getGUID(function (guid) {
dfd.resolve(guid);
});
}
});
return dfd.promise();
}</code>Durch das Anhängen von Rückrufen an das von trackPage() zurückgegebene Versprechen können wir jetzt auf den GUID-Wert zugreifen, wenn es wird verfügbar.
<code class="javascript">trackPage().done(function (guid) {
alert("Got GUID:" + guid);
});</code>Darüber hinaus ermöglichen Versprechen die Verkettung mehrerer Rückrufe und bieten so eine flexible Möglichkeit, asynchrone Vorgänge abzuwickeln.
<code class="javascript">var pageHit = trackPage().done(function (guid) {
alert("Page Hit GUID:" + guid);
});
$("button").click(function () {
pageHit.done(function (guid) {
alert("Clicked on Page GUID:" + guid);
});
});</code>Dieser Ansatz stellt sicher, dass der zurückgegebene Wert verarbeitet wird asynchron, was eine ordnungsgemäße Zuweisung und Zugriff in nachfolgenden Vorgängen ermöglicht.
Das obige ist der detaillierte Inhalt vonWie gehe ich mit asynchronen Rückgabewerten in JavaScript mit jQuery um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
