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

Utiliser le watch

Testez gratuitement nos 1255 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Tirez parti de watch pour connaître la valeur des variables. Vous apprendrez également à configurer cette méthode pour l'utiliser correctement.
02:42

Transcription

Une dernière fonctionnalité que l'on va voir et qui va vous être vraiment fort utile pendant le développement, c'est le « Watch ». Le « Watch » on l'a ici. C'est un panneau dans lequel, au début, il n'y a absolument rien. C'est à vous de mettre des informations. Vous allez demander au navigateur de venir remplir lui-même une variable et le contenu de cette variable. Ça vous permet, dans un script donné, quand vous ne savez pas ce qu'il y a à l'intérieur d'une variable, de venir remplir la variable directement dans le « Watch ». Donc vous allez demander à Chrome de faire un « Watch » sur une variable, de regarder le contenu d'une variable que vous aller nommer, qui doit avoir le même nom que la variable que vous allez vouloir, pour avoir les informations. Vous allez me dire : on peut le faire avec le « Scope », c'est aussi simple. C'est vrai, vous pouvez le faire avec le « Scope », mais dans le « Scope » vous avez toutes les infos. Parfois il faut chercher et ça peut être compliqué quand on a un gros script. Alors qu'avec le « Watch » vous allez dire : ce que je veux c'est uniquement, par exemple, la variable « b » et je veux savoir, au fur et à mesure de l'évolution de mon script, ce qu'il y a dans la variable « b ». Aucun problème : on va utiliser le petit « + » qui se trouve ici et on va définir une variable « b ». Avec cette variable « b », il va falloir mettre un point d'arrêt pour qu'on nous donne l'information. On va le mettre par exemple sur « pluralize ». On sait que « pluralize » prend « a » et prend « b ». On pourrait même rajouter le « a ». On va rajouter le « a » aussi. On va se placer, avec un point d'arrêt, à cet endroit-là, et on va jouer le script. Regardez ce qu'il se passe. Vous allez avoir « a » et « b » dans le « Scope ». Mais si on avait voulu avoir seulement « a » ou « b », on aurait pu faire un « Watch » ici. Mieux que ça : si « a » et « b » sont utilisés ailleurs, quand je vais continuer à avancer dans l'exécution de mon script, il va venir me remplir les variables « a » et « b » avec ce qu'elle contiennent à chaque fois. On voit qu'ici « a » va être utilisé à un endroit et va contenir beaucoup d'informations, essentiellement jQuery. On voit que « b » va être égal à 4, ici dans le « todos.length » que vous pouvez aussi parcourir avec la souris. Vous voyez que c'est vraiment assez impressionnant, on peut aller introspecter un peu tout ce qu'on veut. En cliquant ça va disparaître mais vous pouvez rentrer à l'intérieur et regarder directement. Vous pourrez le faire avec les « Watch » parce que le « Watch » va vous permettre d'avoir beaucoup d'infos supplémentaires. N'hésitez pas à utiliser « Watch ». Placez les variables que vous voulez connaître. Vous vous voulez connaître le contenu d'une variable, vous le placez, vous mettez un point d'arrêt, vous avancez dans le script, et au fur et à mesure que vous avancez, s'il trouve le nom de cette variable, il va vous la remplir automatiquement. Comme ça vous allez avoir beaucoup d'informations supplémentaires sur votre script. C'est une fonction vraiment essentielle puisqu'elle vous permettra de ne regarder que ce qui vous intéresse, pas tout, vraiment que ce qui vous intéresse.

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 !