Débogage

Commentaires

Les commentaires en Javascript sont des portions de texte qui sont ignorées par l'engin exécutant le code. Ils sont utilisés pour documenter le code ou expliquer des portions de code. Comme en Java et en C#, les commentaires en sont fait avec // pour les commentaires en ligne et /* */ pour les commentaires multilignes. Voici un exemple:

Il existe aussi une autre sorte de commentaire, soit le commentaire de documentation. On utilisera généralement ce type de commentaire avec les fonctions et les objets. Nous verrons donc comment les créer dans un module subséquant.

Console

La console est un outil de débogage qui est disponible dans tous les navigateurs web. Elle permet d'afficher des messages de débogage qui peuvent nous aider à comprendre ce qui se passe dans notre code. Pour afficher un message dans la console, nous utiliserons la fonction console.log(). Voici un exemple:

Pour voir ce message dans votre navigateurs, vous devrez ouvrir la console de débogage. Pour ce faire, vous devez ouvrir les outils de développement de votre navigateur. Voici quelques façons de le faire:

• Appuyer sur F12.
• Appuyer sur Ctrl + Maj + I.
• Aller dans le menu du navigateur, dans "Plus d'outils" et finalement dans "Outils de développement"
• Clic droit sur la page, puis sélectionner "Inspecter" ou "Inspecter l'élément".

Une fois les outils de développement ouverts, vous devrez vous rendre dans l'onglet "Console" pour voir les messages de débogage. Vous pourrez aussi voir les erreurs qui se produisent dans votre code.

L'utilisation de la console est probablement le meilleur outil de débogage que vous pouvez utiliser. Bien que simple, cet outil vous permet de voir les valeurs des variables, tester que le code s'exécute et afficher les erreurs qui se produisent. Apprennez à l'utiliser et vous serez en mesure de résoudre la plupart des problèmes que vous rencontrerez.

Débogueur

Dans les outils de développement de votre navigateur, vous trouverez aussi un onglet nommé "Sources". Cet onglet vous permet de voir le code Javascript qui est exécuter par le navigateur web. Vous pourrez par la suite y ajouter des points d'arrêt, des espions et voir les valeurs des variables en temps réel. Cet outil est très puissant et peut vous permettre de résoudre des problèmes plus complexes.

Nous ne verrons pas comment utiliser cet outil dans ce cours, mais sachez qu'il est disponible pour vous aider si vous prenez le temps de l'apprendre.