JavaScript Mittelstufe Tag 6: Asynchrones JavaScript

Ziel dieses Tages

Heute lernst du:

• Wie du mit asynchronem Code und APIs arbeitest
• Verwendung von setTimeout für verzögerte Ausführung
• Promises zur Verarbeitung asynchroner Abläufe
• async/await für übersichtlicheren Code

Am Ende wirst du zeitabhängige Abläufe und API-Aufrufe in JavaScript steuern können.

Schritt 1: setTimeout

Führe Code nach einer Verzögerung aus:

setTimeout(() => {
  console.log("Das wird nach 2 Sekunden ausgegeben");
}, 2000);

Schritt 2: Promises

Promises repräsentieren einen Wert, der jetzt oder in der Zukunft verfügbar sein kann:

const promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve("Daten geladen"), 2000);
});

promise.then(console.log); // "Daten geladen" nach 2 Sekunden

Schritt 3: async / await

Einfachere Syntax für den Umgang mit Promises:

async function getData() {
  return "Daten geladen";
}

getData().then(console.log); // "Daten geladen"

Übung

async function getData() {
  return "Daten geladen";
}

getData().then(console.log);

Aufgabe

Erstelle eine Promise, die nach 2 Sekunden aufgelöst wird:

const waitTwoSeconds = new Promise((resolve, reject) => {
  setTimeout(() => resolve("Nach 2 Sekunden aufgelöst"), 2000);
});

waitTwoSeconds.then(console.log);