Asynchrone Programmierung in JavaScript
14.07.2021, 10:09 Uhr
Asynchron
JavaScript bietet diverse Methoden um den Programmfluss asynchron durchzuführen.
Um Webseiten flexibler zu gestalten, wird gerne JavaScript eingesetzt. Manchmal ist diese Form der Flexibilität allerdings nicht ausreichend. Der Programmfluss kann, beispielsweise durch die Ausführung eines JavaScript-Programms, blockiert werden. In solchen Situationen ist es sinnvoll, die Möglichkeit zu nutzen, bestimmte Funktionen asynchron auszuführen. Um den Programmfluss asynchron zu steuern, bietet JavaScript unterschiedliche Methoden zur Umsetzung an. Diese muss man natürlich kennen, um sie gewinnbringend einsetzen zu können.
Funktionen in JavaScript werden in der Reihenfolge ihres Aufrufs aktiviert. Nicht in der Reihenfolge ihrer Definition. Eine Möglichkeit in diese Steuerung einzugreifen, ist die Verwendung von sogenannten Callbacks. Ein Callback ist eine Funktion, welcher als Parameter, eine andere Funktion übergeben werden kann. Mit dieser Technik ist es so möglich, mittels einer Funktion eine andere aufzurufen. Eine Callback-Funktion wird somit erst ausgeführt, wenn die andere Funktion zuvor beendet wurde:
<!DOCTYPE html>
<html>
<html lang="DE-de">
<meta charset="UTF-8">
<body>
<h2>Aufrufreihenfolge von Funktionen in JavaScript</h2>
<p id="bsp"></p>
<script>
function anzeigeFkt(content) {
document.getElementById("bsp").innerHTML = content;
}
function ersteFkt() {
anzeigeFkt("Hallo");
}
function zweiteFkt() {
anzeigeFkt("... und auf wiedersehen!");
}
ersteFkt();
zweiteFkt();
</script>
</body>
</html>
Jetzt 1 Monat kostenlos testen!
Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt dotnetpro-plus-Kunde.
- + Digitales Kundenkonto,
- + Zugriff auf das digitale Heft,
- + Zugang zum digitalen Heftarchiv,
- + Auf Wunsch: Weekly Newsletter,
- + Sämtliche Codebeispiele im digitalen Heftarchiv verfügbar
