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

Trouver rapidement une fonction

Testez gratuitement nos 1304 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Le moteur de recherche de la console est particulièrement efficace. À l'aide de quelques regex, vous trouverez tout ce dont vous avez besoin dans les fichiers.
03:23

Transcription

Je vous ai montré déjà notre outil de recherche. Je vais vous montrer comment vous pouvez trouver facilement, à l'intérieur de tout votre code source, des fonctions. Parce que vous allez avoir besoin parfois de trouver une fonction et vous ne savez pas où elle se trouve. On va simplement récupérer l'outil de recherche en bas. On va utiliser, non pas de la recherche simple, mais de la recherche avec expression régulière. On a deux types de définitions de fonctions. La définition sous format objet : « render: function ». Ou alors la définition de fonction nommée par exemple « function » et le nom de la fonction. On en a même une troisième puisqu’on pourra aussi avoir par exemple une variable et « = function ». Comme à l'intérieur on ne sait pas si ça va être « = » ou « : » ou autre, on va utiliser les expressions régulières pour faire une recherche dans tout le code et on va chercher par exemple la fonction « render ». Comme je ne sais pas ce qu'il va y avoir au milieu, je vais mettre un « .* », ce qui voudra dire : commence par « render » avec ce qu'on veut au milieu et termine par « function ». En faisant ça vous allez trouver automatiquement le « render » et même le « renderFooter » qui sont deux fonctions qui vont comporter le mot « render » au début puis n'importe quoi d'autre jusqu'à « function ». Ça vous permet de trouver rapidement. Vous pourriez aussi tout simplement utiliser « render: » qui vous permettra de récupérer la fonction « render ». De la même manière, on pourrait commencer par « function » pour trouver toutes les fonctions qui sont définies. Attention, il y en aura pas mal. Ici on aura toutes les fonctions qui ne sont pas forcément des fonctions normales puisqu'il y a beaucoup de fonctions qui sont des fonctions anonymes, qui sont utilisées à l'intérieur en callback. Ça peut être un petit peu compliqué. Il faut vraiment que vous sachiez faire de l'expression régulière parce que c'est extrêmement intéressant pour faire de la recherche dans le projet. N'hésitez pas à faire des essais. Ça vous permettra, avec l'option ici, en cochant « Regular expression », de pouvoir taper n'importe quoi en expression régulière, et donc de retrouver facilement quelque chose qui se trouverait dans le code. Attention, vous avez peut-être l'habitude d'utiliser les expressions régulières ici avec « // ». Ne le faites pas. Ici ce sera simplement l'expression que l'on va vouloir directement sous format chaîne de caractères. On n'a pas besoin d'avoir de « // », ça va fonctionner comme ça. Je vous le remontre une dernière fois. Je cherche une fonction qui s'appelle « render », je vais donc simplement lui dire : « render ». Comme je ne sais comment elle va être définie, je peux faire « .* ». Je vais lui dire que je sais que ce sera une fonction, ce qui me permet de l'avoir. Cerise sur le gâteau : on va cliquer dessus et ça va nous permettre d'obtenir tout de suite le code source de cette fonction. Pareil pour « renderFooter ». Ça vous permet de naviguer facilement dans les sources. Ce qui est intéressant en plus pour vous, ce sera de savoir où se trouve le fichier « app », puisque vous pouvez avoir plus d'options. Vous pouvez carrément aller regarder, on peut l'ouvrir dans le navigateur. On peut faire pas mal de choses intéressantes avec cet outil. Vous pouvez aussi coder. Cet outil nous permet de faire des tests dans le script et donc de modifier le script pour le faire fonctionner. Attention, quand vous avez des modifications, je vous conseille plutôt de faire ces modifications sur votre éditeur, c'est plus intéressant que de travailler ici dans cette fenêtre. Cette fenêtre sera vraiment une fenêtre d'introspection avec laquelle vous allez pouvoir vraiment travailler.

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 !