Les bugs les plus courants

Bien que les consoles d'erreurs soient très pratiques, certaines erreurs que vous ferez seront courantes et peuvent être résolues sans même vraiment rechercher d'où vient le problème. Voici quelques exemples d'erreurs (algorithmiques ou syntaxiques) que vous pourriez faire assez fréquemment :

Noms de variables et de fonctions mal orthographiés

Voici probablement l'erreur la plus courante : vous allez souvent vous tromper dans l'orthographe de vos variables ou de vos fonctions, ce qui devrait générer une erreur de type undefined. Autrement dit, votre fonction ou votre variable n'existe pas, ce qui est normal si vous avez tapé le mauvais nom. À noter que la confusion entre majuscules et minuscules est fréquente elle aussi, la casse est très importante !

Confusion entre les différents opérateurs

Il est fréquent de se tromper dans les différents types d'opérateurs qui existent, surtout dans les conditions. Voici les deux cas les plus courants :

Écrire if (a = b) au lieu de if (a == b). Ces deux codes s'exécutent mais n'ont pas la même signification. Le premier est une affectation, le deuxième est une comparaison.
Confondre les opérateurs binaires (ex : if(a & b | c)) avec les opérateurs de comparaison (ex : if(a && b || c)). Si vous souhaitez faire des comparaisons logiques, pensez bien à doubler les caractères, sinon vous utiliserez les opérateurs binaires à la place.

Mauvaise syntaxe pour les tableaux et les objets

Créer un tableau ou un objet n'est pas bien compliqué, mais il est aussi facile de faire quelques petites erreurs, voici les plus fréquentes :

Laisser une virgule en trop à la fin de la déclaration d'un objet ou d'un tableau : var myArray = [1,2,3,];. Oui, chaque item doit être séparé des autres par une virgule, mais le dernier d'entre eux ne doit pas en être suivi.
Écrire var object = { a = 1 }; au lieu de var object = { a : 1 };. Il faut toujours utiliser les deux points (:) pour assigner une valeur à la propriété d'un objet.

Créer une boucle infinie

Une boucle infinie ne prendra jamais fin et donc se répétera inlassablement. Ceci est un bug, et non pas une fonctionnalité comme dans d'autres langages tels que le C. Prenez donc garde à ne pas mettre une condition qui renvoie toujours une valeur équivalente à true, comme dans cet exemple :

var nb1 = 4, nb2 = 5;

while (nb1 < nb2) {

// Etc.

}

Dans le cas où vous auriez créé une boucle infinie sans le vouloir, le navigateur n'exécutera probablement pas votre code et retournera une erreur.

Exécuter une fonction au lieu de la passer en référence à une variable

Cette erreur est très courante, notamment quand il s'agit d'attribuer une fonction à un évènement. Normalement, passer une fonction en référence à une variable consiste à faire ceci :

function function1() {

// Code…

}

var function2 = function1; // On passe en référence la fonction « function1 » à la variable « function2 »

function2(); // En tentant d'exécuter « function2 » ce sera « function1 » qui sera exécutée à la place

Or, nombreuses sont les personnes qui écrivent ceci lors du passage en référence :

var function2 = function1();

Ce code est faux, car vous ne passez pas à function2 la référence vers function1(), vous lui passez le retour de cette dernière puisque vous l'exécutez.

Créé avec HelpNDoc Personal Edition: Générateur de documentation et EPub facile