Conseils de dépannage pour JavaScript - Indicateurs

Tous les programmeurs JavaScript, qu'ils soient débutants ou experts, ont des moments où ils écrivent un programme qui semble fonctionner, mais ce n'est pas le cas. Les ordinateurs exécuteront toujours des programmes codés correctement, alors comment trouvez-vous l'erreur dans votre code? Où commencez-vous à chercher et comment le traquez-vous? Voici quelques conseils pour les premières choses que vous devriez rechercher lorsqu'un programme JavaScript ne fonctionnera pas.

Vérifiez la console

La console JavaScript du navigateur Chrome de Google vous indiquera s'il y a une erreur, même si elle ne vous dit pas toujours exactement quelle est l'erreur.

Pour ouvrir la console JavaScript, sélectionnez Autres outils → Console JavaScript dans le menu Chrome.

Si vous voyez une erreur dans la console après l'exécution de votre programme, elle comprendra souvent un numéro de ligne et un lien. Cliquez sur ce lien pour ouvrir la page dans le JavaScript où Chrome pense que les choses se sont mal passées dans votre programme.

Si vous ne remarquez pas l'erreur immédiatement (ce qui est souvent le cas), passez à l'astuce suivante.

Rechercher les fautes d'orthographe

JavaScript est difficile. La capitalisation dans les noms de variables ainsi que dans les mots clés JavaScript fait toute la différence. Certains noms de fonctions JavaScript, tels que getElementById, sont des causes notoires d'erreurs résultant du fait que les programmeurs les mettent en erreur.

Regardez attentivement chaque nom de variable et nom de fonction. Un éditeur de code qui inclut des conseils de code JavaScript et la coloration du code peut être un outil très utile lorsque vous recherchez des mots mal orthographiés. Certains éditeurs de code appliqueront une couleur spéciale aux noms de fonction orthographiés correctement, tout en coloriant les noms mal orthographiés différemment.

Vérifiez vos supports

Les parenthèses ou les parenthèses incompatibles sont une cause fréquente d'erreurs. Assurez-vous que toutes les parenthèses, crochets ou accolades que vous ouvrez ({) ont un crochet de fermeture correspondant (}).

Faites correspondre vos guillemets

JavaScript reconnaîtra les guillemets simples et doubles comme détenteurs de chaînes. Mais si vous démarrez une chaîne avec une seule citation, elle doit se terminer par une seule citation. La même chose vaut pour les guillemets doubles.

Utilisez la console. log ()

La console. La fonction log () est un outil utile pour déterminer où un programme va mal. Insérer une console. log () des instructions dans tout votre code pendant le débogage pour imprimer les valeurs des variables importantes. Par exemple, si vous avez une boucle dans votre programme, vous pouvez vous assurer que la boucle fonctionne correctement en mettant une console. log () instruction à l'intérieur comme ceci:

pour (var i = 0; i <10; i ++) {console.log ("la valeur de i est:" + i);}

Cette instruction ne changera pas ce qui se passe dans la fenêtre du navigateur, mais si vous regardez dans la console JavaScript, vous verrez les entrées du journal, indiquant que le la boucle fonctionne correctement.

Faire une pause

Parfois, la meilleure façon de déboguer un programme est de s'en éloigner et de faire une pause. Prenez un verre d'eau, faites une sieste, lisez un livre ou faites autre chose que regarder le programme et sortir vos cheveux. Lorsque vous revenez au programme, vous serez rafraîchi! Et la réponse au problème peut vous sembler évidente!