Asynchrone Ausführung in JavaScript
Diese Beschreibung wird diskutieren Asynchrone Ausführung in JavaScript. Darüber hinaus werden wir auch die JavaScript -Methoden zur Ausführung asynchroner Ausführung demonstrieren, wie z Rückrufe, Versprechen, asynchron/wartet, mit Hilfe von Beispielen. So lass uns anfangen!
Rückrufe mit asynchroner Ausführung in JavaScript
Rückrufe sind eines der häufigsten Codierungsstile, um eine asynchrone Ausführung in JavaScript auszudrücken und umzugehen. Es ist eine Art von Funktion, die aufgerufen werden muss, nachdem eine andere Funktion die Ausführung abgeschlossen hat. Die Rückruffunktion wird mit der Antwort aufgerufen, wenn die angegebene Operation abgeschlossen wird. Angenommen, Sie möchten sicherstellen, dass ein bestimmtes Code -Stück in Ihrem JavaScript -Programm erst ausgeführt wird, wenn der andere seine Ausführung beendet. In diesem Fall können Sie diese Funktionalität durch die Verwendung der Rückruffunktion erreichen.
Beispiel: Rückrufe mit asynchroner Ausführung in JavaScript
Lassen Sie uns ein Beispiel geben, das Ihnen bei dem unterstützt, was wir angegeben haben. Betrachten Sie ein Szenario, in dem Sie nachher einen String in einen Dokumentstrom schreiben müssen 7 Sekunden. In diesem Fall können Sie die „verwenden“setTimeout ()”JavaScript-integrierte Funktion, die einen Ausdruck bewertet oder nach einer bestimmten Zeitspanne jede Funktion aufruft. In unserem Fall haben wir die Funktion „setTimeout ()“ verwendet, um die definierten aufzurufen “myfunction ()”Nach 7 Sekunden:
Warten Sie 7 Sekunden (7000 Millisekunden)
Sie können das oben gegebene Beispiel in Ihrem bevorzugten Code-Editor oder einer beliebigen Online-Codierungs-Sandbox ausführen. Wir werden das JSBin jedoch für den Demonstrationszweck verwenden:
Nachdem Sie das bereitgestellte JavaScript -Programm ausgeführt haben, werden Sie aufgefordert, auf zu warten. “7 Sekunden”:
Nach 7 Sekunden die Zeichenfolge “Asynchrone Ausführung in JavaScript”Wird als Ausgabe angezeigt:
Versprechen mit asynchroner Ausführung in JavaScript
Wenn Sie mehrere Funktionsaufrufe anketten, ist es eines der Hauptprobleme der Rückrufe, dass es schwierig wird, den Fluss der Ausführung zu verfolgen. Der ".Dann()"Syntax in"VersprechenRettet Sie in einer solchen Situation und ermöglicht es Ihnen, Versprechen zusammen zu ketten. Es ermöglicht Ihnen, Handler mit dem hinzugefügten asynchronen Wert des Erfolgs oder der Ursache des Fehlers zu verknüpfen. Infolgedessen verhalten sich die asynchronen Methoden ähnlich wie synchron.
Anstatt den Endwert sofort bereitzustellen, gibt die asynchrone Technik ein Versprechen zurück, das den Wert bietet, der bei der weiteren Verarbeitung verwendet werden kann. Ihr Versprechen kann sich in einem der drei Staaten befinden: anhängig, erfüllt oder abgelehnt:
- Ausstehend: Bevor eine Operation auftritt, befindet sich das zusätzliche Versprechen in einem ausstehenden Zustand.
- Erfüllt: Der erfüllte Zustand eines Versprechens bedeutet, dass die zusätzliche Operation abgeschlossen wurde.
- Abgelehnt: Wenn für die unvollständige Operation ein Fehlerwert geworfen wird, wird das Versprechen unter den abgelehnten Zustand geraten.
Beispiel: Versprechen mit asynchroner Ausführung in JavaScript
Um die Arbeit von Versprechen mit asynchroner Ausführung in JavaScript zu zeigen, werden wir zunächst eine „definieren“zeige Nachricht()”Funktion, die sowohl für den Erfolg als auch für das Versagen des hinzugefügten Versprechens aufgerufen wird:
Die Ausführung des oben gegebenen Codes zeigt Ihnen die folgende Ausgabe an:
Absichtlich ändern wir absichtlich den Wert der Variablen “A”Um zu überprüfen, ob der Rückruf für das Versagen des Versprechens funktioniert oder nicht:
Wie Sie sehen können, wird der Rückruf für den Fehler angezeigt “Fehler auftretenZeichenfolge nach unserer JavaScript -Programmcodierung:
Async/wartet mit asynchroner Ausführung in JavaScript
Der "asynchron" Und "erwartenKeywords werden zur neueren Version von JavaScript hinzugefügt. Diese Schlüsselwörter erleichtern das Schreiben von Versprechen und ermöglichen es dem Benutzer, die vollständige Kontrolle über die Abfolge der Ausführung von Versprechen zu haben. Die asynchronisierte Funktion gibt immer Versprechen zurück, und die Wartezeit wird in der asynchronisierten Funktion verwendet, um die Ausführung der hinzugefügten Methode zu stoppen, während das Versprechen auflöst ist. Danach wird die Ausführung der Funktion fortgesetzt und den gelösten Wert ausgeben.
Beispiel: asynchronisiert mit asynchroner Ausführung in JavaScript
Im gleichen Beispiel werden wir jetzt eine asynchronische Myfunction () hinzufügen, die ein Versprechen zurückgibt:
Schauen Sie sich den bereitgestellten Code und seine Ausgabe an:
Beispiel: Warten Sie mit einer asynchronen Ausführung in JavaScript
In diesem Beispiel werden wir zunächst das hinzufügenasynchronSchlüsselwort mit der Funktionsdefinition von ShowMessage (), um ein Versprechen auszugeben. Danach werden wir angeben “erwarten"Mit dem Erstellen"mein VersprechenObjekt, damit es auf den MyPromise wartet:
Hier ist die Ausgabe, die wir durch die Ausführung des oben gegebenen Beispiels erhalten haben:
Abschluss
Rückrufe, Versprechen und Async/Aused -Schlüsselwörter sind die drei Methoden zum Umgang mit asynchroner Ausführung in JavaScript. Rückrufe ermöglichen den Zugriff auf die Funktionen, wenn die asynchrone Methode die Ausführung abgeschlossen hat. Versprechen helfen dabei. In dieser Beschreibung wurde die asynchrone Ausführung in JavaScript besprochen. Darüber hinaus haben wir auch die Methoden der asynchronen Ausführung wie Rückrufe, Versprechungen, Async/Atert in JavaScript mit Beispielen gezeigt.