JavaScript Error Handling

Why Handle Errors?

Errors happen. Without handling, your app crashes.

┌─────────────────────┐
│   Code runs         │
│   Error occurs      │
└──────────┬──────────┘
            │
┌───────────▼───────────┐
│   App crashes!        │
│   (Bad user experience)│
└───────────────────────┘

try/catch Block

try {
  // Code that might fail
  const data = JSON.parse(invalidJson);
} catch (error) {
  // Handle error
  console.error('Error:', error.message);
}

Flow:

try block
  ├─ Success → Continue
  └─ Error → Jump to catch block

Throwing Errors

function divide(a, b) {
  if (b === 0) {
    throw new Error('Cannot divide by zero');
  }
  return a / b;
}

Key Takeaway

Handle errors with try/catch. Prevent app crashes. Provide user-friendly error messages. Essential for robust applications.