Was sind asynchron/wartet Funktionen in JavaScript?

Wie wir alle wissen, macht die einzelne Thread -Natur von JavaScript es synchron; Daher sind asynchrone Funktionen erforderlich, um eine asynchrone Aufgabe auszuführen. Die asynchronen Funktionen ermöglichen es uns, eine Aktion auszuführen, ohne auf die vorherige Aktion zu warten. Das bedeutet, dass es eine Ereignisschleife gibt, mit der Sie eine Aufgabe anstellen können (Wenn es um einige Ressourcen verlangt) und über die nächste übergehen.

JavaScript bietet viele Funktionen, die den Code asynchron machen können asynchron Warten auf Funktionen sind einer von ihnen. Der asynchron/wartet Funktionen sind nur syntaktischer Zucker über bereits vorhandenen Funktionen in JavaScript. Sie bieten eine einfache Möglichkeit, mit asynchronem Code umzugehen. Der asynchron/wartet Funktionen kann mit Versprechen im JavaScript -Code austauschen und der Code funktioniert vollkommen in Ordnung

Menschliche Gehirne sind nicht für die effiziente Asynchronität ausgelegt. Der asynchron/wartet Funktionen Erlauben Sie uns, Code zu schreiben, der synchronisiert aussieht, ihn aber asynchron ausführt.

Dieser Artikel hilft Ihnen beim Erlernen des Lernens asynchron und warten auf Funktionen in JavaScript.

Warum Async/Warte -Funktionen verwenden, um Funktionen zu verwenden??

Im Folgenden sind die Gründe warum aufgeführt, warum asynchron/wartet Funktionen sollte im JavaScript -Code verwendet werden:

• Wir können sauberen und prägnanten Code mit ein paar Fehlern schreiben asynchron/wartet. Dies erhöht die Lesbarkeit des verschachtelten und komplexen Code.
• Hilft in Debuggen. Fehler können an einem Ort mit Try/Fang behandelt werden.
• Der asynchron/wartet Funktionen Haben Sie einen richtigen Fehlerstapel, im Gegensatz zu dem mehrdeutigen Stapel, der durch Versprechen erhalten wurde, was es schwierig macht, herauszufinden, wo der Fehler aufgetreten ist.

So verwenden Sie Async in JavaScript

Asynchron ist ein Schlüsselwort, das für die Erklärung synchroner Funktionen verwendet werden kann. Durch das Asynchronisierungsfunktion, Sie können sicherstellen, dass Sie den Ausführungsthread nicht brechen, der wie synchronisierende Versprechen-basierte Code geschrieben werden kann.

Merkmale der asynchronisierten Funktion

• Funktioniert asynchron über eine Ereignisschleife
• Gibt immer einen Wert zurück
• Es prüft, dass ein Versprechen zurückkehrt, und wenn dies nicht der Fall ist, umhüllt JavaScript es automatisch mit dem Versprechen, das es auf diesen Wert auflöst

Syntax der asynchronen Funktion

Die Syntax der Asynchronisierungsfunktion ist wie folgt:

Async -Funktionsname ([param1 [, param2 [,… param3]]])
Aussagen

Hier repräsentiert der Name den Funktionsnamen, die Parameter repräsentieren den Namen der Parameter, die in der Funktion übergeben werden sollen.

Ein einfaches Beispiel für die asynchronisierte Funktion

const getData = async () =>
var data = "Hallo Welt";
Daten zurückgeben;

Daten bekommen().Dann (Data => Konsole.Logdaten));

Schauen wir uns ein anderes Beispiel an:

asynchrische Funktion foo ()
warte 1;

Die obige Funktion entspricht der folgenden Funktion:

Funktion foo ()
Rückversprechen.Entschlossenheit (1).dann (() => undefiniert)

Das obige Beispiel stellt dar, dass der Code nach jedem Ausdruck wahrscheinlich im Rückruf i liegt.e .Dann. Durch die Funktionen wird die Versprechenkette Schritt für Schritt automatisch auf jeder Wiedereintrittsstufe konstruiert. Der Rückgabewert bildet den letzten Schritt in der Kette.

Wie man in JavaScript wartet, um zu warten

Der Zweck des erwarteten Ausdrucks ist es, vor dem Rückkehrergebnis des Versprechens auf JavaScript zu warten. Es ist wichtig zu beachten.

Merkmale der Warte -Funktion

• Kann nur in asynchronen Blöcken verwendet werden.
• Lässt den Code warten, bis das Versprechen ein Ergebnis zurückgibt.
• Es werden nur asynchrone Blöcke warten.

Syntax der Wartezeitfunktion

Die Syntax des erwarteten Ausdrucks lautet wie folgt:

[RV] = Warte [Ausdruck]

Achten Sie hier einen Wert, auf das Sie warten oder versprechen können, RV gibt den Wert zurück, wenn es kein Versprechen gibt, oder gibt den erwarteten Wert des Versprechens zurück.

Ein einfaches Beispiel für den Ausdruck erwarten Sie

const getData = async =>
var y = warte "Hallo Welt";
Konsole.log (y);

Konsole.log (1);
Daten bekommen();
Konsole.Protokoll (2);

JavaScript führt Code nacheinander aus.

Im obigen Beispiel können wir sehen, dass die Konsole.Protokoll (1) wurde wie erwartet zuerst gedruckt. Danach die GetData () -Funktion wurde genannt, wo wir eine Variable mit dem Namen Y eingeleitet haben und das darauf wartete Schlüsselwort darin verwendeten.

Das Keyword des Keywords führt dazu, dass die JS-Laufzeit den Code in dieser Zeile i-e anhält oder pausiert, in der wir "Hello World" geschrieben haben. Es wird die Ausführung des weiteren Codes erst dann zulässt, bis der asynchrische Funktionsaufruf das Ergebnis zurückgibt. Es sendet diese Aufgabe an die Task -Warteschlange und die nächsten Codezeilen werden ausgeführt.

In der nächsten Zeile nach dem Aufrufen der Funktion Daten bekommen() Wir protokollieren die 2 am Konsolenfenster. Daher haben wir schon 2 gesehen "Hallo Welt”.

Jetzt danach, wenn die Asynchronisierungsaufruffunktion Gibt das Ergebnis erst zurück, um den Code -Lebenslauf wieder auszuführen, und daher sehen wir. “Hallo WeltAm Ende des Konsolenfensters.

Abschluss

Die Async and Away -Funktionen sind eine großartige Möglichkeit, mit asynchronem Code in JavaScript umzugehen, da sie klare und präzise Syntax bereitstellen. In diesem Beitrag haben wir das Konzept von Async/Warte -Funktionen in JavaScript untersucht. In der ersten Hälfte des Artikels haben wir untersucht. Dann haben wir ihre Funktionen und Syntax zusammen mit Beispielen untersucht.