How to Use a JavaScript try-catch Block to Debug

By Stephen Bucaro

When executing JavaScript, an error can occur. An error might be caused by a coding error, user error, or some other cause. The try-catch construct is a way to determine the cause of an error. Shown below is the basic code for a try-catch construct.

try
{
   // some code
}
catch(e)
{
   // code to run if try block fails
}

Within the try block is the code to be tested for errors while it is being executed. If an error occurs in the code within the try block, the catch method receives the error object. The error object has two properties, the number and the description. Shown below is code that might be placed within the catch block.

try  
{  
   // some code
}  
catch(e)  
{  
   document.write ("Number: ");  
   document.write (e.number);  
   document.write (" Description: ");  
   document.write (e.description);  
}  

If you are not sure where an error is coming from, you can use the reverse-binary trouble shooting method. Start by placing a large block of code in the try section. Then place a smaller block of code within the try section (about half at a convenient point in the code). Keep placing progressively smaller blocks of code (about half at a convenient point in the code) within the try section, until you've isolated the error down to the problem line.

More Java Script Code:
• Java Script Math.sin Method
• JavaScript .big and .small to Change Text Size
• The Document Object Model (DOM)
• Java Script Strings
• Generating Random Numbers
• Extract Part of a String
• The switch / case Structure
• Use moveBy Method to Move Window by a Specific Offset
• Determine Minimum and Maximum
• The do/while Loop

RSS Feed

 Follow @Stephen Bucaro

 General Web Design
 HTML Quick Reference
 CSS Quick Reference
 Java Script Quick Reference
 HTML Design
 Graphics Design
 Easy Cascading Style Sheets
 Easy Java Script Code
 Web Design Tools
 Coding Issues