0Pricing
JavaScript Academy · Lektion

Async-Funktionen schreiben; try/catch; parallel vs. sequenziell

Async-Funktionen erstellen, Ergebnisse mit await abwarten, Fehler abfangen und sequenzielle mit parallelen Mustern vergleichen

Async-Funktionen schreiben; try/catch; parallel vs. sequenziell ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 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 async/await

Ziel: Verwenden Sie async/await sicher.

  • Async-Funktionen erstellen
  • Werte abwarten
  • Fehler mit try/catch behandeln
  • Parallel oder sequenziell
Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 1

Kleine Promise-Hilfsfunktion

Erstellen Sie eine kleine Promise-basierte Hilfsfunktion, um await-Aufrufe zu testen.

// delay returns a Promise that resolves after ms
function delay(ms, value) {
  return new Promise(function (resolve) {
    setTimeout(function () { resolve(value); }, ms);
  });
}

// Example usage
delay(10, "ok").then(function (v) {
  console.log("delay:", v);
});
Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 2

Grundlagen von Async-Funktionen

async kennzeichnet eine Funktion, die eine Promise zurückgibt; darin können Sie await verwenden.

// An async function can use await inside
async function greet() {
  const name = await delay(5, "Ayla");
  console.log("Hello,", name);
}

// Call it
greet();
Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 3

try/catch mit await

Umschließen Sie await-Aufrufe mit try/catch, wenn ein Schritt abgelehnt werden könnte.

// Simulate a failing task
function failAfter(ms, message) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () { reject(new Error(message)); }, ms);
  });
}

async function runSafe() {
  try {
    const v = await failAfter(5, "boom");
    console.log("Value:", v);
  } catch (e) {
    console.log("Caught:", e.message);
  }
}

runSafe();
Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 4

Sequenzielles Muster

Sequenziell: Jeder await-Aufruf wartet, bis der vorherige abgeschlossen ist; die Laufzeiten addieren sich.

// Sequential: total time ~ A + B
async function sequential() {
  const a = await delay(8, "A");
  const b = await delay(8, "B");
  console.log("seq:", a + b);
}

sequential();
Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 5

Parallel mit all

Parallel: Starten Sie zuerst die Aufgaben und verwenden Sie dann await Promise.all; die Gesamtzeit beträgt ungefähr max(A, B).

// Parallel: start both, then await together
async function parallel() {
  const pa = delay(8, "A");
  const pb = delay(8, "B");
  const results = await Promise.all([pa, pb]);
  console.log("par:", results.join(""));
}

parallel();
Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 6

Quiz: Parallel oder sequenziell?

Schnelltest: Welches Muster ist für unabhängige Aufgaben schneller?

Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 7

Zusammenfassung

Zusammenfassung: Sie haben Async-Funktionen geschrieben, Werte mit await abgewartet, Fehler mit try/catch behandelt und sequenzielle await-Aufrufe mit dem schnelleren parallelen Promise.all verglichen.

Async-Funktionen schreiben; try/catch; parallel vs. sequenziell — Illustration 8

Häufig gestellte Fragen

Ist die Lektion „Async-Funktionen schreiben; try/catch; parallel vs. sequenziell“ kostenlos?

Ja — der vollständige Text von „Async-Funktionen schreiben; try/catch; parallel vs. sequenziell“ 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 „Async-Funktionen schreiben; try/catch; parallel vs. sequenziell“?

Async-Funktionen erstellen, Ergebnisse mit await abwarten, Fehler abfangen und sequenzielle mit parallelen Mustern vergleichen 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 1 von 3.

Wie lange dauert die Lektion „Async-Funktionen schreiben; try/catch; parallel vs. sequenziell“?

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. Async-Funktionen schreiben; try/catch; parallel vs. sequenziell
  2. Timeouts und Abbrechen mit AbortController
  3. Muster für Wiederholungen und Backoff
← Zurück zu JavaScript Academy