JavaScript : Le débogage et l'analyse de code

S'initier aux points d'arrêt

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La console dispose d'un environnement de débogage intégré, avec une gestion par point d'arrêt. Votre formateur vous fait découvrir ce procédé.
03:00

Transcription

Notre console JavaScript dispose d'un mode fortement utile qu'on appelle les points d'arrêt, les breakpoints. Si vous ne connaissez pas cet outil, vous êtes obligé de le comprendre pour pouvoir faire un debug JavaScript efficace. Pourquoi ? Parce que cet outil est le meilleur outil de Google Chrome. Il existe d'ailleurs dans d'autres navigateurs. Ça vous permet de mettre des points d'arrêt dans votre script pour que, au moment où vous avez mis ce point d'arrêt, le script s'arrête et nous permette d'en savoir un peu plus sur ce qu'il se passe. Par exemple, imaginons que je mette un point d'arrêt sur « getFilteredTodos ». Je sais que ça va démarrer quand je vais changer automatiquement le filtre ici. Par exemple si je fais « Actif », vous voyez que mon point d'arrêt démarre, je me retrouve avec ce point d'arrêt qui a été levé. Ce qui veut dire qu'on va pouvoir traquer ce qu'il se passe dans l'interface au moment où on fait des choses. On peut résumer et terminer le script avec la petite flèche qui se trouve là. Si j'ajoute une tâche, je vais aussi l'avoir qui va démarrer parce que le filtre va être appelé à ce moment-là. Je peux continuer. J'aurai, à chaque fois que cette fonctionnalité-là va être appelée, le point d'arrêt qui va se déclencher. Des points d'arrêt, vous pouvez en mettre plusieurs. Je pourrais en avoir un à l'intérieur de « pluralize » ici. Je pourrais en avoir un dans mon « init » quand je vais instancier le nouveau router qui se trouve là, donc je peux mettre un point d'arrêt ici. Je pourrais en avoir un sur le « render » quand on effectue un « render », et je peux en mettre autant que je veux, je peux les placer. Ce qui est bien, c'est que vous avez la liste des points d'arrêt ici. Dans l'onglet « Breakpoints » on a tous les points d'arrêt qu'on a placés. Quand je vais recharger ma page, j'ai un point d'arrêt qui va partir, ce sera le premier. C'est dans l'ordre d'exécution du script. Ici on voit que c'est celui-ci qui part. Ensuite j'ai celui-ci. À chaque fois, vous allez être placé dessus, donc vous savez exactement ce qu'il est en train de se passer dans l'interface. « getFilteredTodos » est appelé, ensuite le « pluralize » passe, et ensuite je suis sur mon script. On a ici nos différents points d'arrêt qui vont être appelés au fur et à mesure. Ces points d'arrêt, vous en avez le total contrôle. Vous pouvez, par exemple, désactiver des points d'arrêt pour n'avoir que le premier points d'arrêt qu'on a ici. Dans ce cas-là vous n'aurez que le premier qui se déclenchera, pas les autres. C'est plus ou moins automatique. À chaque fois que vous allez activer un point d'arrêt particulier, vous pourrez choisir si ce point d'arrêt continue à vivre ou pas, simplement en l'activant et en le désactivant. Vous voyez ici que quand j'active ou désactive un point d'arrêt, on le voit tantôt en bleu foncé, tantôt en bleu très clair. Là on a vraiment un fonctionnement interactif du navigateur qui va vous permettre de mettre des points d'arrêt pour arrêter l'exécution d'un script. Mais vous allez voir que c'est encore mieux que ça.

JavaScript : Le débogage et l'analyse de code

Prenez en main les techniques et les outils pour améliorer votre code JavaScript. Découvrez Bower, js-beautify, la console de Chrome, les tests unitaires et fonctionnels, etc.

1h29 (26 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :3 mars 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !