DEV Community

Ali Sina Yousofi
Ali Sina Yousofi

Posted on

Try, Catch, Finally in javascript.


In JavaScript, try, catch, and finally are three keywords that are used together to handle exceptions or errors that may occur during the execution of a code block.

What are exceptions

In JavaScript, exceptions are unexpected events or errors that occur during the execution of a program. When an exception occurs, it disrupts the normal flow of the program and may cause it to crash or behave unexpectedly.

Some common examples of exceptions in JavaScript include:

1: Syntax errors: These occur when the syntax of the code is incorrect, such as missing a closing bracket or using a reserved keyword as a variable name.

2: Runtime errors: These occur when the code is syntactically correct but there is an error in the logic, such as trying to access a property or method of an undefined variable.

3: Network errors: These occur when the program is unable to connect to a remote server or there is an issue with the network connection.

To handle exceptions in JavaScript, you can use a combination of try, catch, and finally

Here's an explanation of how these keywords work together:

  1. try: The try block is used to enclose the code that may potentially throw an error or an exception. If an error occurs within the try block, the control will be immediately passed to the catch block.

  2. catch: The catch block is used to handle the error or exception that was thrown within the try block. The catch block takes an argument that represents the error object. This object contains information about the error such as its message, name, and stack trace. Within the catch block, you can perform any necessary actions to handle the error, such as logging the error or displaying an error message to the user.

  3. finally: The finally block is executed regardless of whether an error was thrown or not. This block is optional and is used to include any cleanup code that needs to be executed after the try and catch blocks. For example, if you need to close a database connection or release resources, you can include that code in the finally block.

Here's an example of how try, catch, and finally work together:

code try catch finally

In the example above, the try block contains code that may throw an error. If an error is thrown, the control is immediately passed to the catch block where the error is logged to the console. Regardless of whether an error was thrown or not, the finally block will always be executed and the message "Finally block executed" will be logged to the console.

That's it for this post. Don't forget to follow for more posts about Javascript, React, Nextjs and more.

Top comments (0)