🐞 JavaScript Error Handling & Debugging

Errors happen. You can handle them gracefully using try...catch blocks, and debug using console methods and browser DevTools.

🚨 Example: Basic Try...Catch

try {
  let result = 10 / 0;
  console.log("Result is:", result);

  // Simulate an error
  nonExistentFunction();
} catch (error) {
  console.error("Caught an error:", error.message);
}

Console output will appear here...

⚠️ Always handle possible errors to prevent app crashes. Use console.error() for debugging issues.

🔍 Example: Debugging with Console

// Useful console methods for debugging
console.log("This is a log message.");
console.warn("This is a warning!");
console.error("This is an error!");
console.table([{name: "Alice", age: 25}, {name: "Bob", age: 30}]);

Console output will appear here...

🛠️ Example: Finally Block

try {
  console.log("Trying risky code...");
  throw new Error("Oops, something failed!");
} catch (err) {
  console.error("Caught:", err.message);
} finally {
  console.log("Finally block always runs.");
}

Console output will appear here...

🚀 Playground: Custom Console Log

Console preview will appear here...

⚡ Quick Tips

Wrap risky code in try...catch blocks to handle exceptions.
finally always runs, useful for cleanup tasks.
Use console.log(), console.warn(), console.error(), and console.table() for debugging.
Open DevTools (F12) in browser → Console tab to see logs/errors live.