ASYNC UND AWAIT IN JAVASCRIPT

Async und Await in JavaScript sind leistungsstarke Schlüsselwörter, die zur Verarbeitung asynchroner Vorgänge mit Versprechen verwendet werden. Asynchrone Funktionen geben implizit Versprechen zurück, während Await die Ausführung anhält, bis das Versprechen gelöst ist. Dies vereinfacht asynchronen Code und verbessert die Lesbarkeit, indem er ihn synchron erscheinen lässt.

Asynchrone Funktion

Der async> Mit dieser Funktion können wir versprochenen Code schreiben, als wäre er synchron. Dadurch wird sichergestellt, dass der Ausführungsthread nicht blockiert wird.

Umgang mit Versprechen : Asynchrone Funktionen geben immer ein Versprechen zurück. Wenn ein Wert zurückgegeben wird, der kein Versprechen ist, verpackt JavaScript ihn automatisch in ein aufgelöstes Versprechen.

Asynchrone Syntax

async function myFunction() { return 'Hello'; }

Beispiel: Hier sehen wir die grundlegende Verwendung von Async in JavaScript.

Javascript

  const getData = async () =>{ let data = 'Hello World';  Rückgabedaten; } getData().then(data => console.log(data));

Ausgabe

Hello World

Warten auf Schlüsselwort

Der await> Das Schlüsselwort wird verwendet, um auf die Auflösung eines Versprechens zu warten. Es kann nur innerhalb eines asynchronen Blocks verwendet werden.

Ausführungspause : Await lässt den Code warten, bis das Versprechen ein Ergebnis zurückgibt, was einen saubereren und besser verwaltbaren asynchronen Code ermöglicht.

Syntax

let value = await promise;

Beispiel : Dieses Beispiel zeigt die grundlegende Verwendung des Schlüsselworts „await“ in JavaScript.

Javascript

  const getData = async () =>{ let y = waiting 'Hello World';  console.log(y); } console.log(1); Daten bekommen(); console.log(2);

Ausgabe

1 2 Hello World

Der asynchron Das Schlüsselwort wandelt eine reguläre JavaScript-Funktion in eine asynchrone Funktion um und sorgt dafür, dass sie ein Promise zurückgibt.

Der erwarten Das Schlüsselwort wird innerhalb einer asynchronen Funktion verwendet, um deren Ausführung anzuhalten und auf die Auflösung eines Versprechens zu warten, bevor fortgefahren wird.

Async/Warten-Beispiel

Hier implementieren wir mehrere Versprechen in einer Methode und verwenden diese Methode dann zur Anzeige unseres Ergebnisses. Sie können die JS überprüfen async/await-Syntax im Beispiel.

Javascript

  function asynchronous_operational_method() {  let first_promise =   new Promise((resolve, reject) =>lösen('Hallo'));  let second_promise = new Promise((resolve, ablehn) => { setTimeout(() => {solve(' techcodeview.com..'); }, 1000); });  let Combined_promise = Promise.all([first_promise, second_promise]);  return Combined_Promise; } Async-Funktion display() { let data = waiting asynchronous_operational_method();  console.log(data); } Anzeige();

Ausgabe:

[ 'Hello', ' techcodeview.com..' ]

Erläuterung:

Versprechen Schöpfung :
- Es werden zwei Versprechen erstellt: eines wird sofort mit „Hallo“ aufgelöst und das andere wird nach 1 Sekunde mit techcodeview.com aufgelöst …
Versprechen kombinieren :
- Die Promise.all()-Methode kombiniert beide Versprechen zu einem einzigen Versprechen, Combined_Promise.
Asynchrone Funktion :
- Die Funktion display() wird als asynchron deklariert, was darauf hinweist, dass sie asynchrone Vorgänge enthält.
Warten auf eine versprochene Lösung :
- Das Schlüsselwort „await“ unterbricht die Ausführung, bis „combined_promise“ aufgelöst ist.
Protokollierungsergebnis :
- Das aufgelöste Array von Combined_Promise wird in der Konsole protokolliert.

Notiz

Zu lösen Und ablehnen sind vordefinierte Argumente von JavaScript.

Die Auflösungsfunktion wird verwendet, wenn eine asynchrone Aufgabe abgeschlossen ist, und gibt das Ergebnis zurück.

Die Ablehnungsfunktion wird verwendet, wenn eine asynchrone Aufgabe fehlschlägt, und gibt Gründe für den Fehler zurück.

Vorteile von Async und Await

Verbesserte Lesbarkeit : Async und Await ermöglichen das Schreiben von asynchronem Code in einem synchronen Stil, wodurch er einfacher zu lesen und zu verstehen ist.
Fehlerbehandlung : Die Verwendung von Try/Catch-Blöcken mit Async/Await vereinfacht die Fehlerbehandlung.
Vermeidet die Callback-Hölle : Async und Await helfen dabei, verschachtelte Rückrufe und komplexe Versprechensketten zu vermeiden.
Besseres Debuggen : Das Debuggen von asynchronem/wartendem Code ist intuitiver, da er sich wie synchroner Code verhält.

Abschluss

Async und Await in JavaScript haben die asynchrone Programmierung revolutioniert, indem sie Code lesbarer und wartbarer gemacht haben. Indem sie das Schreiben von asynchronem Code in einem synchronen Stil ermöglichen, reduzieren sie die Komplexität, die mit Rückrufen und Versprechensverkettungen verbunden ist. Das Verständnis und die effektive Verwendung von Async und Wait können Ihre JavaScript-Programmierkenntnisse erheblich verbessern und die Handhabung asynchroner Vorgänge in Ihren Projekten erleichtern.