Question

What’s the less error prone approach to declare variables in JavaScript?

var a;
var b;
var c;

or

var a,
    b,
    c;

jQuery and Dojo use the second approach and personally that’s my favorite in terms of code legibility, the problem is that I find it harder to debug.

Example 1:

var a,
    b,
    c; // oops.. semicolon instead of comma
    d,
    e;

Example 2:

When searching for a certain variable in the project, var stands out better that the variable is being declared.

EDIT: The original examples were wrong, i’ve made a mistake when copying and pasting. The code is already updated, sorry for the incovenient.

Answer 1

Multiple variable declarations (rather than combined) are less error prone, for the reasons you mentioned. However, combined declarations have some other advantages:

• JSLint and possibly other linters will complain about multiple var keywords per scope.
• A single var keyword minifies better than many, for obvious reasons.
• Combining declarations forces you to declare the variables in one place, probably close to the beginning of the function they reside in, which is considered good practice.

On the flipside, as you mentioned mistakes can be made with combined variable declarations, and they can be awkwardly represented in a diff.

As long as you keep a consistent style of variable declaration throughout the project, the style you choose should not really matter.