JavaScript Error Handling: try/catch
Master error handling in JavaScript. Learn try/catch, throw, and how to handle errors gracefully.
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
```javascript 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
```javascript 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.