JavaScript try catch Statement

February 8, 2021 10:45 am IST

You are Here:

JavaScript try catch Statement

The try statement defines a block of code that you want to try to execute, and use the catch statement to define a block of code that will execute if an exception to the normal running of the code occurs in the block of code defined by the try statement.

The following are the key points to be noted while using try catch statement.

The try...catch statements work as a pair; you can’t have one without the other.
If no exception occurs inside the try block, the code inside the catch statement is never executed.
The catch statement also enables you to get the contents of the exception message that would have been shown to the user had you not caught it first.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); try{ x.innerHTML = bike; } catch(e){ x.innerHTML= e.message; } console.log("Hello world"); </script> </body> </html>

Run

Syntax

try{ // code block for try }catch(e){ // code block to handle errors }

Without Using try catch Block

Unlike the above example, the following example throws an error and stop executing further.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); // Throws error and will be execute further. x.innerHTML = bike; console.log("Hello world"); </script> </body> </html>

Run