Error Handling in JavaScript
Error Object
• JavaScript creates an Error object whenever an error occurs.
Properties
name → Type of error (Error, TypeError, SyntaxError, etc.)
message → Description of the error.
stack → Call stack trace (useful for debugging).
Exception Handling in JavaScript
• Exception handling in JavaScript refers to the process of dealing
with errors (exceptions) that occur during the execution of a
program.
• JavaScript provides some mechanisms to catch, handle, and
recover from error instead of letting the error stop the program.
• The most common approach is using try...catch blocks.
Handling Errors Using try...catch
The try...catch statement
• Try Block: You place code that may potentially throw an error
here.
• Catch Block: This block executes if an error occurs in the try
block.
• finally Block: The Code inside this block will always run, whether
Error Handling in JavaScript
• The try block is designed to wrap sections of your code
where errors might occur, allowing you to monitor and
manage potential issues gracefully.
• When an error arises within this block, the program
immediately transfers control to the catch block.
• Inside the catch block, the error is received as an object
named error.
• This object contains two key pieces of information:
Name: The type or category of the error.
Description: A detailed message explaining what
went wrong.
Error Handling in JavaScript
Error Handling in JavaScript
Error Handling in JavaScript
Error Handling in JavaScript
Error Handling in JavaScript
Error Handling in JavaScript
Throwing Custom Errors
Error Handling in JavaScript
Error Handling in JavaScript
Advanced: try...catch with async/await
Debugging in JavaScript
• Debugging is the process of testing, finding, and reducing bugs
(errors) in computer programs. It involves:
• Identifying errors (syntax, runtime, or logical errors).
• Using debugging tools to analyze code execution.
• Implementing fixes and verifying correctness.
Debugging in JavaScript
JavaScript Debuggers – Common practices
1. Built-in Debugging Tools
Modern browsers provide built-in JavaScript debuggers, accessible via
Developer Tools. Debuggers can be turned on and off, forcing errors to be
reported. They allow setting breakpoints and examining variables while code
executes.
Steps to Activate Debugging:
• Chrome: Open "More tools" → "Developer tools" → Select "Console".
• Firefox: Open "Web Developer" → "Web Console".
• Edge: Open "Developer Tools" → Select "Console".
• Opera: Open "Developer" → "Developer tools" → "Console".
• Safari: Enable "Show Develop menu in menu bar" under Preferences, then
select "Show Error Console".
JavaScript Debuggers – Common practices
Other Console Methods
[Link]() – Errors
[Link]() – Warnings
[Link]() – Tabular data
JavaScript Debuggers – Common practices
3. Debugging with Breakpoints
• Breakpoints help developers pause and inspect variables during
runtime.
• They allow you to step through code line by line.
• Useful for identifying logical errors in complex functions.
JavaScript Debuggers – Common practices
JavaScript Debuggers – Common practices
5. Identifying undefined Variables