Welche Methoden kennen Sie, um mit asynchronem Code zu arbeiten?

• Callback-Funktionen: Übergabe einer Funktion als Argument an eine andere Funktion, die nach Abschluss einer asynchronen Operation aufgerufen wird. Können zu "Callback-Hell" führen.
• Promises: Objekte, die die endgültige Beendigung (oder das Scheitern) einer asynchronen Operation und ihren resultierenden Wert darstellen. Bieten eine strukturiertere Verwaltung der Asynchronität.

  // Beispiel für die Verwendung eines Promises
  fetch('/api/data')
    .then(response => response.json()) // Erfolgreiche Antwortverarbeitung
    .then(data => console.log(data)) // Verarbeitung der empfangenen Daten
    .catch(error => console.error('Fehler beim Abrufen der Daten:', error)); // Fehlerbehandlung
  

• Async/await: Syntaxzucker über Promises, der es ermöglicht, asynchronen Code in einem synchroneren Stil zu schreiben, was ihn lesbarer und leichter zu debuggen macht.

  // Beispiel für die Verwendung von async/await
  async function fetchData() {
    try {
      const response = await fetch('/api/data'); // Warten auf die Promise
      if (!response.ok) {
        throw new Error(`HTTP-Fehler! Status: ${response.status}`);
      }
      const data = await response.json(); // Warten auf die Promise
      console.log(data);
    } catch (error) {
      console.error('Fehler beim Abrufen der Daten:', error); // Fehlerbehandlung
    }
  }
  fetchData();
  

• Generatoren (Generators): Können verwendet werden, um mit Asynchronität in Kombination mit der co-Bibliothek oder manuell zu arbeiten, obwohl async/await eine verbreitetere Herangehensweise ist.

Vergleich der Hauptansätze:

Methode	Vorteile	Nachteile
Callbacks	Einfacher am Anfang	"Callback-Hell", Komplexität bei Fehlerbehandlung
Promises	Verbesserte Lesbarkeit, Fehlerbehandlung	Können bei Ketten von Operationen sperrig werden
Async/await	Hohe Lesbarkeit, Ähnlichkeit mit synchronem Code	Erfordert Unterstützung der Umgebung für async/await