Debugging JavaScript programs

A quick reference guide that helps you find errors, <br>even without the aid of a debugging utility

By Gordon Mccomb, JavaWorld.com, 07/01/96

Page 7 of 7

xyz cannot be indexed as an array
Only objects can be indexed as an array, and this error typically occurs when you attempt to use a non-object as an array (the error also occurs if you attempt to use an array not supported by a given object, such as document.elements[0]). The following results in an error because window.length is a property, and not an object.

alert (window.length[0]);

However, the following does work because a number of properties are contained in the document object. The array index values access each of the available properties.

alert (document[0]);

xyz has no properties
The object you've referenced has no properties. This is a common error, and is usually the result of misusing objects. This error will crop up, for example, with the following:

document.history.go(1);

The error occurs because history is a property of a window, not a document. The correct syntax is:

window.history.go(1)

xyz is not defined
This error occurs when your JavaScript code references a variable or object that does not exist. For example, you get the error with the following. (Note that the assigned variable is Test, whereas the variable used with the alert method is Text.)

var Test="This is a test;
alert (Text);

Another common mistake is to use the wrong capitalization when referring to variables and objects. This code results in an error, even though you have spelled the variable name correctly:

var Test="This is a test;
alert (test);

Conclusion

Debugging JavaScript programs may not be state-of-the-art (yet, anyway). Nevertheless, with a bit of sleuthing, and a handful of simple tools and techniques, you can debug most any JavaScript coding problem you may encounter. And as you might expect, the process gets easier as you become more experienced at programming in JavaScript.

About the author