Google Chrome est non seulement utilisé pour surfer sur Internet, mais pour les développeurs, cela ressemble plus à un puissant outil d'aide au développement.
Si vous voulez faire du bon travail, vous devez d'abord affiner vos outils. Ensuite, je partagerai avec vous quelques façons d'utiliser Chrome.
Si les lecteurs savent comment ajouter des points d'arrêt JavaScript à Chrome, veuillez continuer à lire; Sinon, compensez-le vous-même.
S'il y a un tel morceau de code:
La copie de code est la suivante:
var a = 1;
fonction test () {
var a, b, c, d, e;
a = 2;
b = a - 1;
b = 9;
c = 3;
d = 4;
e = (a + b * c) * (a - d);
retour e;
}
test();
Le code lui-même n'a pas d'importance, ce qui compte, c'est le formulaire.
Si E est le résultat dont nous avons besoin en fin de compte, mais constatez que le résultat est incorrect, nous définissons un point d'arrêt sur la ligne où nous attribuons une valeur à E.
Après avoir réglé un point d'arrêt, déplacez la souris vers une variable et restez pendant un certain temps, Chrome vous invitera à la valeur de la variable pour le moment.
Mais l'expression est assez compliquée, et il est inutile de simplement regarder la valeur d'une seule variable. Tout semble normal, mais c'est mal après le calcul.
Pour le moment, vous voudrez probablement connaître le résultat d'une partie (A + BC). Ne vous inquiétez pas, sélectionnez d'abord l'expression, puis déplacez la souris vers la zone sélectionnée et restez pendant un certain temps.
Chrome vous dira directement la réponse. Ce qui est plus intéressant est toujours en retard.
Cliquez avec le bouton droit directement dans la zone sélectionnée et un menu apparaîtra. Les deux premiers éléments sont: [Ajouter à la montre] et [évaluer dans la console]. Images de référence de vue correspondantes spécifiques.
La soi-disant montre peut être comprise comme une surveillance. Certaines expressions sont plus importantes et peuvent nécessiter une surveillance en temps réel de la valeur de l'expression pendant l'ensemble du processus de débogage. Pour le moment, vous pouvez utiliser Watch.
Par exemple, nous définissons le point d'arrêt sur la ligne "b = 9;" puis ajouter la montre: "A - B", avec une valeur de 1. Comme indiqué dans l'image:
Cliquez sur l'étape suivante et exécutez "B = 9;", ce qui signifie que la valeur de B a changé. Pour le moment, regardez la valeur de la montre: "A - B" et est -7.
Cela réalise l'effet de la surveillance en temps réel et rend le débogage plus pratique et plus rapide.
Ensuite, voyons ce qui se passe avec Console.
Bien sûr, la console est la console et les expressions peuvent être évaluées directement dans la console.
Par exemple, si vous souhaitez connaître le résultat de (A + BC), copiez-le directement sur la console et appuyez sur Entrée, et le résultat sortira.
Attendez, il semble que quelque chose ne va pas, pourquoi la console connaît-elle les valeurs de A, B et C?
L'exécution du code JavaScript dans la console sans points d'arrêt est global. C'est-à-dire, pour le moment, une variable X est définie dans la console, et la portée de ce X est globale.
Si la console est utilisée en cas d'interruption de programme, la portée de la console est orientée vers la portée lors de l'interruption. C'est-à-dire que, partout où le point d'arrêt est défini (ou où le code est exécuté), la portée de la console est où elle est.
Dans cet exemple, une variable a est définie dans la portée globale avec une valeur de 1; et une variable locale a est définie dans la portée du test de fonction avec une valeur de 2. Définissez un point d'arrêt à "A = 2;", Entrez A dans la console, entrez et imprimez non défini.
Étant donné que le programme est interrompu dans le test de fonction à l'heure actuelle et que le programme s'exécute dans le test de fonction, la portée de la console est également dans le test de fonction. Par conséquent, l'entrée A accès à la variable locale A, et la variable locale A n'est pas attribuée pour le moment, donc le résultat n'est pas défini.
Je partagerai beaucoup cette fois d'abord. Je continuerai à le partager lorsque je rencontrerai une personne puissante à l'avenir. J'espère que ce sera utile aux lecteurs.