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

Parcourir la pile d'appel d'une fonction

Testez gratuitement nos 1330 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez les outils permettant d'afficher toutes les données sur une fonction. Ainsi, vous verrez avec précision ce qu'elle effectue dans le code.
02:12

Transcription

De temps en temps, vous allez aussi avoir besoin de monitorer. Monitorer, c'est regarder ce qui se passe, par exemple, à l'intérieur de l'exécution d'une fonction. Pour ça, il existe un outil assez méconnu, et pourtant très utile, qui s'appelle « trace ». Avec « trace », vous allez pouvoir placer un « console.trace » quelque part, n'importe où dans l'exécution de votre script. C'est très intéressant parce que ça vous permet, par exemple, dans une fonction, de voir quelles sont les implications, quelles sont les autres fonctions qui sont appelées, et donc de monitorer le fonctionnement d'un script. C'est extrêmement utile quand vous ne savez pas comment un script fonctionne pour pouvoir vous repérer. Pour l'utiliser, on va simplement placer un « console.trace » comme cela et on va recharger la fenêtre d'exécution de votre script, et vous verrez qu'à l'intérieur de la console vous allez avoir la trace complète. Elle commence à partir de la fonction « render ». Si on vérifie, c'est effectivement bien sur cette fonction-là qu'on a placé le « console.trace ». Ensuite elle va continuer à exécuter les différentes informations. Elle passera aussi dans les fichiers qui sont liés. Par exemple, « app.js » à la ligne 27 va avoir ici un « this.render » donc c'est à ce moment-là que ça a été appelé. On voit bien que précédemment, on avait aussi une invocation du « Router » sur le « director.js », une invocation de l' « updateAndInvoke », un « dispatch » sur le « Router », un « init » sur le « Router », etc. Depuis le début jusqu'à la fin. Là vous avez vraiment la trace complète de ce qui s'est passé. Utilisez cet outil réellement pour voir ce qui se passe dans un script parce que c'est très utile de savoir quelles sont les différentes étapes qui se sont déroulées jusqu'à arriver au « render ». Ça vous permettra d'en savoir un peu plus sur les scripts et ça vous permettra surtout de voir quelles sont les exécutions. Pensez-bien que le « console.trace » peut être placé absolument n'importe où. Généralement c'est intéressant de le placer à l'intérieur d'une fonction. Par exemple, dans le « pluralize », on peut voir si le « pluralize » est appelé, à quel endroit et comment. Il suffira simplement de faire la même chose, de le placer à l'intérieur. On voit ici qu'il y a eu un appel au moment où on a un « renderFooter », donc le « pluralize » passe après, et il va être utilisé à chaque fois qu'on va en avoir besoin, et on aura à chaque fois la trace d'exécution complète. C'est donc un outil vraiment utile en console. À connaître.

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 !