Vollständiger Leitfaden zur asynchronosen Programmierung von JavaScript: Promise und async/await

Warum Asynchronoprogrammierung notwendig ist

JavaScript ist eine Single-Thread-Sprache, so dass zeitaufwendige Operationen wie Netzwerkanfragen, Dateilesen und Schreiben asynchron ausgeführt werden müssen, sonst wird die Schnittstelle feststecken.

Zurück zum Problem der Hölle

Mehrschichtig verschachtelter Rückrufcode ist schwer zu warten.

Versprechen Drei

• pending : Im Gange
• fulfilled : Erfolgreich
• rejected : gescheitert

fetch('/api/user').then(res => res.json()).then(data => console.log(data)).catch(err => console.error(err));

async/await Syntax Zucker

ES2017 wurde eingeführt, um asynchronen Code wie synchronisiert aussehen zu lassen:

async function loadUser() {

Parallele Ausführung

Mehrere unabhängige Anfragen werden parallel mit Promise.all ausgeführt.

Häufige Fallen

• Vergessen von await führt zu einem Promise-Objekt statt zu einem Ergebnis
• Fehlerhafte Verwendung von await in der Schleife führt zur seriellen Ausführung
• try/catch fehlt, was zu einer nicht erfassten Ausnahme führt