Asynchrone Funktionen in JavaScript: „async“ und „await“ verstehen

Einführung

Im asynchronen Programmiermodell von JavaScript die Handhabung asynchroner Aufgaben und deren Abschluss Rückrufe können zu komplexen Codestrukturen führen. Asynchrone Funktionen bieten zusammen mit den Schlüsselwörtern „async“ und „await“ einen strukturierteren und effizienteren Ansatz.

Asynchrone Funktionen

Asynchrone Funktionen sind Funktionen, die den Hauptthread nicht blockieren, während sie ausgeführt werden Warten auf asynchrone Vorgänge. Sie verwenden das Schlüsselwort „async“ und geben ein Promise-Objekt zurück. Asynchrone Funktionen ermöglichen es uns, asynchronen Code eher synchron zu schreiben.

"async" und "await"

Das Schlüsselwort "async" wird verwendet, um eine Funktion als asynchron zu deklarieren. Das Schlüsselwort „await“ wird in asynchronen Funktionen verwendet, um deren Ausführung anzuhalten und auf die Erfüllung eines Versprechens zu warten. Hier ist ein Beispiel:

async function fetchUserData(id) {
  const response = await fetch(`https://example.com/users/${id}`);
  const user = await response.json();
  return user;
}

In diesem Beispiel wird die fetchUserData-Funktion mit dem Schlüsselwort „async“ als asynchron markiert. Wenn es fetch aufruft, um Benutzerdaten abzurufen, verwendet es „await“, um die Ausführung anzuhalten, bis der Abruf abgeschlossen ist. Dadurch können wir die Benutzerdaten sofort im Funktionsumfang verwenden.

Vorteile asynchroner Funktionen

Asynchrone Funktionen machen die asynchrone Programmierung besser verwaltbar und lesbar. Sie vereinfachen die Codestruktur, indem sie verschachtelte Rückrufe eliminieren und die Notwendigkeit einer expliziten Promise-Verarbeitung reduzieren. Dies führt zu einer verbesserten Wartbarkeit des Codes und einem geringeren Fehlerpotenzial.