0Pricing
TypeScript Academy · Lektion

Fehlerbehandlung in asynchronem TypeScript-Code

Verwalten Sie asynchrone Fehler mit typisierten Wrappern und Utility-Funktionen.

Fehlerbehandlung in asynchronem TypeScript-Code ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. 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 TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Willkommen

Asynchrone Funktionen machen die Fehlerbehandlung komplexer. TypeScript stellt sicher, dass Sie Promise-Ablehnungen korrekt behandeln.

Try-Catch mit Async/Await

Schließen Sie await-Aufrufe in try-catch ein, um Promise-Ablehnungen zu behandeln.
async function loadUser(id: number): Promise<User> {
  try {
    return await api.getUser(id);
  } catch (err: unknown) {
    if (err instanceof Error) throw new AppError(err.message);
    throw new AppError('Unknown error');
  }
}

Fehler bei Promise.all

Promise.all wird bei der ersten Ablehnung abgelehnt. Schließen Sie den Aufruf in try-catch ein.
try {
  const [user, posts] = await Promise.all([getUser(id), getPosts(id)]);
} catch (err) { /* one or both failed */ }

Promise.allSettled

allSettled gibt sowohl erfolgreiche als auch fehlgeschlagene Ergebnisse zurück, ohne eine Exception auszulösen.
const results = await Promise.allSettled([getUser(1), getPosts(1)]);
results.forEach(r => {
  if (r.status === 'fulfilled') console.log(r.value);
  else console.error(r.reason);
});

Typisiertes asynchrones Result

Verbinden Sie Asynchronität mit dem Result-Muster für eine explizite Fehlerbehandlung.
async function safeGet<T>(fn: () => Promise<T>): Promise<Result<T>> {
  try { return { ok: true, value: await fn() }; }
  catch (e) { return { ok: false, error: e as Error }; }
}

Nicht behandelte Ablehnungen

Hören Sie in Node.js auf nicht behandelte Ablehnungen, um Abstürze zu verhindern.
process.on('unhandledRejection', (reason: unknown) => {
  console.error('Unhandled rejection:', reason);
  process.exit(1);
});

Timeout mit Promise.race

Implementieren Sie mit Promise.race ein typisiertes Timeout-Muster.
function withTimeout<T>(promise: Promise<T>, ms: number): Promise<T> {
  const timeout = new Promise<never>((_, reject) =>
    setTimeout(() => reject(new Error('Timeout')), ms));
  return Promise.race([promise, timeout]);
}

Retry-Muster

Implementieren Sie typisierte asynchrone Wiederholungsversuche mit typisierten Fehlern.
async function retry<T>(fn: () => Promise<T>, times: number): Promise<T> {
  for (let i = 0; i < times; i++) {
    try { return await fn(); } catch (e) { if (i === times - 1) throw e; }
  }
  throw new Error('Unreachable');
}

Nebenläufige Fehlerbehandlung

Behandeln Sie Fehler beim gleichzeitigen Ausführen asynchroner Operationen.
const [userResult, postsResult] = await Promise.allSettled([
  getUser(id).then(u => ({ ok: true, value: u })).catch(e => ({ ok: false, error: e })),
  getPosts(id).then(p => ({ ok: true, value: p })).catch(e => ({ ok: false, error: e })),
]);

Fehlerweitergabe in AsyncQueue

Fehler in asynchronen Iteratoren werden mit for-await korrekt weitergegeben.
async function* generate() {
  yield await fetchA();
  yield await fetchB(); // error here stops the loop
}
for await (const item of generate()) { process(item); }

Typisierte Error-Middleware in Next.js

Verwenden Sie typisierte Error Boundaries in Server Actions.
'use server';
async function createUser(data: CreateUserDto): Promise<Result<User>> {
  return safeGet(() => db.user.create({ data }));
}

Schnelltest

Was passiert, wenn Sie eine abgelehnte Promise in einer async/await-Funktion nicht abfangen?

Zusammenfassung

Fehlerbehandlung in asynchronem TypeScript-Code: Sie haben die zentralen Konzepte dieses Themas und ihre Anwendung in echten TypeScript-Projekten kennengelernt.

Häufig gestellte Fragen

Ist die Lektion „Fehlerbehandlung in asynchronem TypeScript-Code“ kostenlos?

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

Was lerne ich in „Fehlerbehandlung in asynchronem TypeScript-Code“?

Verwalten Sie asynchrone Fehler mit typisierten Wrappern und Utility-Funktionen. Du übst TypeScript 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 TypeScript Academy zu starten?

Keine Vorkenntnisse erforderlich. TypeScript 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 4 von 4.

Wie lange dauert die Lektion „Fehlerbehandlung in asynchronem TypeScript-Code“?

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 TypeScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede TypeScript 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. Typisierte Fehlerklassen und Hierarchien
  2. Das Result-Muster: Ok und Err
  3. Aufgefangene Fehler eingrenzen (unknown vs. Error)
  4. Fehlerbehandlung in asynchronem TypeScript-Code
← Zurück zu TypeScript Academy