try, catch and finally in JavaScript

In this article we'll understand error handling in JavaScript using try, catch, and finally. Errors are something every developer faces, no matter how experienced they are. Sometimes code breaks unexpectedly and if we don’t handle it properly, it can crash the whole application. That’s why JavaScript gives us tools to handle these situations in a controlled way. If you've ever seen your app stop working because of a small mistake, this is exactly what helps you avoid that. Let’s break it down in a simple way so you can use it confidently.

What errors are in JavaScript

Errors in JavaScript are situations where something goes wrong while executing code. It could be due to wrong syntax, accessing something that doesn’t exist, or unexpected values.

In simple words, error are unexpected situations and outputs.

Example:

console.log(x); // ReferenceError: x is not defined

There are different types of errors like:

Syntax Error (wrong code structure)
Reference Error (variable not defined)
Type Error (wrong data usage)

Using try and catch blocks

The try block lets you write code that might cause an error, and the catch block handles that error without breaking the program.

try {
  let result = JSON.parse("invalid json");
} catch (error) {
  console.log("Something went wrong:", error.message);
}

So instead of crashing, your program safely handles the issue.

The finally block

The finally block always runs, no matter what happens — whether an error occurs or not.

try {
  console.log("Trying...");
} catch (err) {
  console.log("Error occurred");
} finally {
  console.log("This always runs");
}

This is useful for cleanup tasks like closing connections or stopping loaders.

Throwing custom errors

You can also create your own errors using throw. This helps when you want to manually stop execution based on conditions.

function withdraw(amount) {
  if (amount > 1000) {
    throw new Error("Limit exceeded");
  }
  return "Success";
}

This gives you control over when and why errors should happen.

Why error handling matters

Error handling is important because:

It prevents your app from crashing
Helps in debugging issues
Improves user experience
Makes code more reliable and predictable

Without it, even a small issue can break the entire flow of your application.

At the end, error handling is not just about fixing errors, it’s about managing them smartly. Using try, catch, and finally properly can make your code much more stable and professional.

Summary

In this article we understood how error handling works in JavaScript using try, catch, and finally. Errors are common but handling them properly makes your application stronger. Try is used to write risky code, catch handles the error, and finally runs no matter what. We also saw how to throw custom errors when needed. Once you start using these concepts, your code will become safer and easier to manage.

Error Handling in JavaScript: Try, Catch, Finally

Comments

More from this blog

How Instagram Stores Reels, Photos, and Drafts Behind the Scenes

How WhatsApp Works Without Internet: Offline Messaging and Sync Explained

Expo Router vs React Navigation - Which One Should You Use in 2026?

How Instagram, WhatsApp, Uber & Netflix Would Be Built Today Using Expo Router

How React Virtual DOM works under the hood

What errors are in JavaScript

Using try and catch blocks

The finally block

Throwing custom errors

Why error handling matters

Summary

Command Palette

Comments

More from this blog

What errors are in JavaScript

Using try and catch blocks

The finally block

Throwing custom errors

Why error handling matters

Summary