Pour l’essentiel, utiliser le mode de débogage dans JavaScript implique essentiellement trois étapes:
1. Utiliser la déclaration de `debugger` :
La déclaration debugger est très utile pour faire une pause dans l’exécution de votre script. Ceci est très utile lorsque vous souhaitez examiner de près la valeur de certaines variables à un certain point de votre code. Par exemple:
```
function myFunction() {
const a = 5;
const b = 6;
debugger;
return a * b;
}
myFunction();
```
Dans l’exemple ci-dessus, l’exécution du script va s’arrêter juste avant le retour de la fonction, vous permettant d’examiner les valeurs des constantes a et b.
1. Ouvrir les outils de développement :
Le raccourci pour ouvrir les outils de développement varie en fonction du navigateur que vous utilisez. Sur Chrome, Firefox et Edge, vous pouvez utiliser `F12` ou `Ctrl + Shift + i` (ou `Cmd + Option + I` sur Mac). Ces outils vous permettront de voir votre console, qui affiche à la fois les erreurs de votre script et les valeurs que vous choisissez d’afficher.
1. Utiliser la console :
Dans la console, vous pouvez surveiller l’exécution de votre script, inspecter les valeurs des variables, etc. Vous pouvez même y exécuter des scripts JavaScript directement. Par exemple, si vous voulez imprimer une variable de votre programme dans la console, vous pouvez utiliser la méthode console.log() :
```
const a = 5;
const b = 6;
console.log(a * b); // cela affiche 30 dans la console
```
Avec ces trois outils, vous pouvez efficacement régler un bug, tester vos idées, ou simplement mieux comprendre le fonctionnement interne de votre script.
N’oubliez pas que pour que la déclaration `debugger` fonctionne dans votre navigateur, l’option relative aux outils de développeur doit être active. Sinon, cette déclaration sera ignorée si les outils de développeur ne sont pas ouverts.
