All 10 Error Handling questions
More in Error Handling
How does a try/catch block work? What does the finally block do? What's the difference between a built-in Error and throwing a plain string or object? How do you create a custom error class? What is error propagation, and how does an uncaught error in a nested function behave? What is the Error cause option and what problem does it solve? How do global error handlers like window.onerror and unhandledrejection work? Why can errors thrown inside a setTimeout callback NOT be caught by a surrounding try/catch? How do you implement a retry-with-backoff pattern around a function that might throw?
Advertisement
JavaScript › Error Handling

How do you catch errors from a Promise chain versus async/await?

Intermediate

Answer

With .then()/.catch() chains, attach a .catch() at the end to handle rejections from any prior step. With async/await, wrap the awaited calls in a try/catch block — both approaches ultimately catch the same underlying rejected Promise.
// Promise chain
fetchData().then(process).catch(err => console.error(err));

// async/await
try {
  const data = await fetchData();
  process(data);
} catch (err) {
  console.error(err);
}
Real-world example Handling a failed API call gracefully instead of an unhandled promise rejection crashing the app.

Common follow-ups: What happens to errors thrown inside a .then() callback — are they caught by a later .catch()?

Promises & async/await
All 10 Error Handling questions