JavaScript Design Patterns lernen, 2. Auflage

Kapitel 9. Asynchrone Programmiermuster

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Asynchrone JavaScript-Programmierung ermöglicht es dir, lang laufende Aufgaben im Hintergrund auszuführen, während der Browser auf Ereignisse reagiert und anderen Code ausführt, um diese Ereignisse zu verarbeiten. Die asynchrone Programmierung ist relativ neu in JavaScript und die entsprechende Syntax war noch nicht verfügbar, als die erste Ausgabe dieses Buches veröffentlicht wurde.

JavaScript-Konzepte wie promise, async und await machen deinen Code aufgeräumter und übersichtlicher, ohne den Haupt-Thread zu blockieren. async Funktionen wurden 2016 als Teil von ES7 eingeführt und werden nun von allen Browsern unterstützt. Schauen wir uns einige Muster an, die diese Funktionen nutzen, um unsere Anwendungsabläufe zu strukturieren.

Asynchrone Programmierung

In JavaScript wird synchroner Code blockierend ausgeführt, das heißt, der Code wird seriell, eine Anweisung nach der anderen, ausgeführt. Der folgende Code kann erst ausgeführt werden, wenn die Ausführung der aktuellen Anweisung abgeschlossen ist. Wenn du eine synchrone Funktion aufrufst, wird der Code innerhalb dieser Funktion von Anfang bis Ende ausgeführt, bevor die Kontrolle an den Aufrufer zurückgeht.

Asynchroner Code wird dagegen nicht blockierend ausgeführt, d. h., die JavaScript-Engine kann dazu übergehen, diesen Code im Hintergrund auszuführen, ...