Points d'arrêt en javascript

Généralement, pendant le codage, le programme n'exécute parfois pas la sortie ou peut obtenir un résultat inattendu. C'est parce que le programme a des erreurs mais n'affiche aucun message d'erreur ou indice sur l'endroit où rechercher les erreurs. Ces erreurs peuvent être des erreurs logiques. Les points d'arrêt sont utilisés pour déboguer les erreurs logiques et vérifier le fonctionnement du code pour correspondre au résultat attendu. Par conséquent, les points d'arrêt peuvent être utilisés pour arrêter l'exécution du code à des points de rupture / arrêts spécifiques, vérifier la sortie jusqu'à ce point, puis passer au point d'arrêt suivant.

Ce blog démontrera les points d'arrêt en JavaScript et son utilisation.

Quels sont les points d'arrêt en javascript?

Les points d'arrêt sont les outils de débogage les plus fondamentaux de la boîte à outils du développeur. Il est utilisé pour indiquer la position où les erreurs se produisent. Cela permet au programme de s'exécuter correctement jusqu'à ce qu'il atteigne le bloc de code significatif où une erreur peut se produire.

Voyons comment fonctionne le point d'arrêt.

Comment utiliser les points d'arrêt?

Suivez les étapes données pour utiliser les points d'arrêt et identifiez la ligne de code sur laquelle l'erreur s'est produite.

Étape 1: Ouvrez le débogueur

Tous les navigateurs actuels fournissent un débogueur JavaScript. La fenêtre de débogueur permet de définir des points d'arrêt dans le code JavaScript. Tout d'abord, ouvrez la fenêtre du débogueur appelé «Devtools". Cliquez avec le bouton droit sur le navigateur et sélectionnez le «Inspecter"Option ou en utilisant la clé de raccourci"Ctrl + shift + i"Ou vous pouvez simplement appuyer sur le"F12" clé:

Étape 2: panneau open source

Clique sur le "Sources”Panel, qui nous aide à déboguer JavaScript. Il a trois sections principales, "le fichier navigateur"Sur le côté gauche de la fenêtre,"La section éditeur de code"Sur le côté droit de la fenêtre, et le"section de débogueur«En bas à droite de la fenêtre:

Étape 3: Ouvrez le fichier JavaScript

Du "le fichier navigateur”Section, cliquez sur le"js»Fichier, et il s'ouvrira au«La section éditeur de code«Sur le côté droit de la fenêtre:

Étape 4: Définissez les points d'arrêt

Définissez un point d'arrêt sur une ligne dans "La section éditeur de code"En cliquant sur la colonne du numéro de ligne:

Nous avons placé un point d'arrêt sur la ligne 6. Ici, le code cessera de fonctionner. De plus, vous pouvez définir plusieurs points d'arrêt de la ligne de code:

Dans l'exemple donné, nous allons simplement définir les points d'arrêt et exécuter le code pour voir comment il fonctionne. Après avoir défini le point d'arrêt, l'exécution du code s'arrête pour que nous puissions inspecter les valeurs.

Sortir

Nous avons couvert les instructions de base liées aux points d'arrêt en javascript.

Conclusion

Les points d'arrêt sont l'un des outils de débogage les plus fondamentaux de la boîte à outils du développeur. Il est utilisé pour trouver la position de l'erreur logique. Placez simplement un point d'arrêt chaque fois que vous voulez que le débogueur arrête l'exécution actuelle. Ouvrez le panneau source dans Devtools et définissez le point d'arrêt de la section de l'éditeur de code en cliquant sur la colonne du numéro de ligne. Dans ce blog, nous avons démontré les points d'arrêt de JavaScript et comment définir des points d'arrêt pour déboguer le code.