Welcome to the 44th Easy JavaScript tutorial, part of EasyProgramming.net. We've looked at how to debug JavaScript in the past, let's go a little further by looking at try...catch. In the next tutorial, we'll cover throw().Try...catch is meant to allow you to try a block of code and define a response. This allows for cleaner and better error handling. By cleaner, I mean that you can actually control what error message your user sees using throw().

The try...catch block can throw 5 types of errors and two properties. The properties are always 'name' and 'message' - the errors are:

NameDescription

Error Name	Description
RangeError	A number "out of range" has occurred
ReferenceError	An illegal reference has occurred
SyntaxError	A syntax error has occurred
TypeError	A type error has occurred
URIError	An error in encodeURI() has occurred

Syntax of try...catch() block:

    try {
        //run code 
    } catch (error) {
        //Do something the code can't run or returns an error
        //the error parameter can be used to get the name and message 
        //e.g. error.name or error.message 
    } finally { 
        //this code runs no matter what 
    }

To fork the fiddle and follow along: https://jsfiddle.net/easyjs/bq8z820m/

Remember to checkout the Resources section below for associated downloadable content, JSFiddle links, and other resources. Watch the video and follow along!