0Pricing
JavaScript Academy · Lektion

Promises – Zustände, Verkettung und Fehlerbehandlung

Promises erstellen und verwenden: Zustände (pending/fulfilled/rejected), Verkettung mit then sowie Fehlerbehandlung mit catch/finally

Promises – Zustände, Verkettung und Fehlerbehandlung ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Einführung in Promises

Ziel: Lernen Sie kleine Promise-Muster kennen.

  • Zustände: pending → fulfilled/rejected
  • Verkettung mit then
  • Fehler mit catch
  • Aufräumarbeiten mit finally
Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 1

Eine Promise auflösen

Eine Promise beginnt mit pending und wird zu fulfilled, wenn Sie resolve aufrufen.

// Create a Promise and resolve it
function waitMs(ms) {
  return new Promise(function (resolve) {
    setTimeout(function () {
      resolve("done");
    }, ms);
  });
}

console.log("Start");
waitMs(10).then(function (msg) {
  console.log("Resolved:", msg);
});
Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 2

Ablehnen und abfangen

Verwenden Sie reject(Error) bei Fehlern. Ein catch behandelt jede darüberliegende Ablehnung.

// Reject to signal an error; handle with catch
function maybeFail(ok) {
  return new Promise(function (resolve, reject) {
    if (ok) {
      resolve("ok");
    } else {
      reject(new Error("bad"));
    }
  });
}

maybeFail(true)
  .then(function (v) {
    console.log("A:", v);
    return maybeFail(false);
  })
  .catch(function (e) {
    console.log("Caught:", e.message);
  });
Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 3

Grundlagen der then-Verkettung

Jedes then kann einen Wert (oder eine Promise) zurückgeben. Der nächste Schritt erhält ihn.

// Chain then steps; return values flow to the next then
Promise.resolve(2)
  .then(function (n) {
    return n * 3;
  })
  .then(function (n) {
    console.log("Result:", n);
  });
Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 4

Aufräumarbeiten mit finally

finally dient den Aufräumarbeiten nach Erfolg oder Fehler; es erhält weder den Wert noch den Fehler.

// finally runs whether fulfilled or rejected
function task(ok) {
  return new Promise(function (resolve, reject) {
    ok ? resolve("yay") : reject(new Error("oops"));
  });
}

task(false)
  .catch(function (e) {
    console.log("Handled:", e.message);
  })
  .finally(function () {
    console.log("Cleanup done");
  });
Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 5

Promise.all kennenlernen

Promise.all wird mit einem Array von Ergebnissen erfüllt oder abgelehnt, wenn eine Promise fehlschlägt.

// Promise.all waits for all; rejects fast if any fail
const a = waitMs(5);
const b = Promise.resolve("B");

Promise.all([a, b])
  .then(function (values) {
    console.log("All:", values);
  })
  .catch(function (e) {
    console.log("All failed:", e.message);
  });
Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 6

Quiz zur Promise-Fehlerbehandlung

Schnelltest: Wo werden Fehler behandelt?

Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 7

Zusammenfassung

Zusammenfassung: Verwenden Sie resolve bei Erfolg und reject bei Fehlern, verketten Sie Schritte mit then, behandeln Sie Probleme mit catch und verwenden Sie finally für Aufräumarbeiten.

Promises – Zustände, Verkettung und Fehlerbehandlung — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Promises – Zustände, Verkettung und Fehlerbehandlung“ kostenlos?

Ja — der vollständige Text von „Promises – Zustände, Verkettung und Fehlerbehandlung“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 3 Lektionen.

Was lerne ich in „Promises – Zustände, Verkettung und Fehlerbehandlung“?

Promises erstellen und verwenden: Zustände (pending/fulfilled/rejected), Verkettung mit then sowie Fehlerbehandlung mit catch/finally Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 3.

Wie lange dauert die Lektion „Promises – Zustände, Verkettung und Fehlerbehandlung“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Event Loop und Grundlagen von Task und Microtask
  2. Promises – Zustände, Verkettung und Fehlerbehandlung
  3. Promise.all / any / race / allSettled – das passende Werkzeug wählen
← Zurück zu JavaScript Academy