Google Chrome wird nicht nur zum Surfen im Internet verwendet, sondern auch für Entwickler, es ist eher ein leistungsstarkes Entwicklungshilfest, das man leistet.
Wenn Sie gute Arbeit leisten möchten, müssen Sie zuerst Ihre Werkzeuge schärfen. Als nächstes werde ich Ihnen einige Möglichkeiten teilen, Chrome zu verwenden.
Wenn Leser wissen, wie man Chrome JavaScript -Haltepunkte hinzufügt, lesen Sie bitte weiter. Ansonsten machen Sie das selbst aus.
Wenn es einen solchen Code gibt:
Die Codekopie lautet wie folgt:
var a = 1;
Funktionstest () {
var a, b, c, d, e;
a = 2;
B = a - 1;
B = 9;
C = 3;
d = 4;
e = (a + b * c) * (a - d);
Rückkehr e;
}
prüfen();
Der Code selbst spielt keine Rolle, was zählt, ist das Formular.
Wenn E das Ergebnis ist, das wir am Ende benötigen, aber feststellen, dass das Ergebnis falsch ist, setzen wir einen Haltepunkt in der Zeile, in der wir E einen Wert zuweisen.
Verschieben Sie die Maus nach dem Einstellen eines Haltepunkts in eine Variable und bleiben Sie für eine Weile. Chrome fordert Sie zu diesem Zeitpunkt zum Wert der Variablen auf.
Aber der Ausdruck ist ziemlich kompliziert und es ist nutzlos, nur den Wert einer einzelnen Variablen zu betrachten. Es sieht alles normal aus, aber nach der Berechnung ist es falsch.
Zu diesem Zeitpunkt möchten Sie wahrscheinlich das Ergebnis eines Teils von (A + BC) kennen. Machen Sie sich keine Sorgen, wählen Sie zuerst den Ausdruck aus, bewegen Sie die Maus in den ausgewählten Bereich und bleiben Sie für eine Weile.
Chrome wird Ihnen die Antwort direkt mitteilen. Was interessanter ist, ist immer noch zurück.
Klicken Sie mit der rechten Maustaste direkt in den ausgewählten Bereich, und ein Menü wird angezeigt. Die beiden obersten Elemente sind: [Hinzufügen zu Watch] und [in der Konsole bewerten]. Spezifische entsprechende Ansichtsreferenzbilder.
Die sogenannte Uhr kann als Überwachung verstanden werden. Einige Ausdrücke sind wichtiger und erfordern möglicherweise eine Echtzeitüberwachung des Wertes des Ausdrucks während des gesamten Debugging-Prozesses. Zu diesem Zeitpunkt können Sie die Uhr verwenden.
Zum Beispiel setzen wir den Haltepunkt auf die Zeile "B = 9"; und fügen Sie dann die Uhr hinzu: "A - B", mit einem Wert von 1. Wie im Bild gezeigt:
Klicken Sie auf den nächsten Schritt und führen Sie "B = 9;" aus, was bedeutet, dass sich der Wert von B geändert hat. Sehen Sie sich zu diesem Zeitpunkt den Wert der Uhr an: "A - B" und ist -7.
Dies erreicht die Auswirkung der Echtzeitüberwachung und macht das Debuggen bequemer und schneller.
Lassen Sie uns als nächstes sehen, was mit der Konsole los ist.
Natürlich ist die Konsole die Konsole, und Ausdrücke können direkt in der Konsole bewertet werden.
Wenn Sie beispielsweise das Ergebnis von (A + BC) kennen möchten, kopieren Sie es direkt in die Konsole und drücken Sie die Eingabetaste, und das Ergebnis wird herauskommen.
Warten Sie, es scheint, dass etwas nicht stimmt, warum kennt die Konsole die Werte von A, B und C?
Das Ausführen von JavaScript -Code in der Konsole ohne Haltepunkte ist global. Das heißt, zu diesem Zeitpunkt wird eine Variable X in der Konsole definiert, und der Umfang dieses X ist global.
Wenn die Konsole im Falle einer Programmunterbrechung verwendet wird, ist der Umfang der Konsole bei der Unterbrechung auf den Umfang ausgerichtet. Das heißt, wo immer der Haltepunkt festgelegt ist (oder wo der Code ausgeführt wird), ist der Umfang der Konsole dort, wo er sich befindet.
In diesem Beispiel wird eine Variable A im globalen Bereich mit einem Wert von 1 definiert; und eine lokale Variable A wird im Funktionstestumfang mit einem Wert von 2 definiert. Setzen Sie einen Haltepunkt auf "a = 2", geben Sie eine in die Konsole ein, geben Sie undefined ein.
Da das Programm zu diesem Zeitpunkt innerhalb des Funktionstests unterbrochen wird und das Programm im Funktionstest ausgeführt wird, befindet sich auch der Umfang der Konsole im Funktionstest. Daher wird der Zugriff auf die lokale Variable A und die lokale Variable A derzeit nicht zugewiesen, sodass das Ergebnis undefiniert ist.
Ich werde diesmal zuerst so viel teilen. Ich werde es weiterhin teilen, wenn ich in Zukunft auf eine mächtige Person stoße. Ich hoffe, es wird für die Leser hilfreich sein.