Haltepunkte in JavaScript

Im Allgemeinen führt das Programm während der Codierung manchmal nicht die Ausgabe aus oder kann ein unerwartetes Ergebnis erhalten. Es liegt daran, dass das Programm Fehler hat, aber keine Fehlermeldungen oder Hinweise darauf anzeigt. Diese Fehler können logische Fehler sein. Die Haltepunkte werden zum Debuggen von logischen Fehlern und zur Überprüfung der Arbeit des Codes verwendet, um dem erwarteten Ergebnis zu entsprechen. Daher können die Haltepunkte verwendet werden.

In diesem Blog wird die Haltepunkte in JavaScript und seiner Verwendung demonstrieren.

Was sind Haltepunkte in JavaScript??

Haltepunkte sind die grundlegendsten Debugging -Tools in der Toolbox des Entwicklers. Es wird verwendet, um die Position anzugeben, an der Fehler auftreten. Dadurch kann das Programm ordnungsgemäß ausgeführt werden, bis es den signifikanten Codeblock erreicht, in dem ein Fehler auftreten kann.

Mal sehen, wie der Haltepunkt funktioniert.

So verwenden Sie Haltepunkte?

Befolgen Sie die angegebenen Schritte zur Verwendung von Haltepunkten und identifizieren die Codezeile, auf der der Fehler aufgetreten ist.

Schritt 1: Öffnen Sie den Debugger

Alle aktuellen Browser bieten einen JavaScript -Debugger. Das Fenster Debugger ermöglicht das Einstellen von Haltepunkten im JavaScript -Code. Öffnen Sie zunächst das Debugger -Fenster mit dem Namen "Devtools”. Klicken Sie mit der rechten Maustaste auf den Browser und wählen Sie das aus “Prüfen"Option oder mithilfe der T -Verknüpfungsschlüssel"Strg+Verschiebung+i"Oder Sie können einfach die" drücken "F12" Taste:

Schritt 2: Open Source -Panel

Klick auf das "QuellenPanel, das uns hilft, JavaScript zu debuggen. Es hat drei Hauptabschnitte “Der Datei -Navigator"Auf der linken Seite des Fensters"Der Abschnitt Code Editor”Auf der rechten Seite des Fensters und die“Debugger -AbschnittUnten rechts im Fenster:

Schritt 3: Öffnen Sie die JavaScript -Datei

Von dem "Der Datei -Navigator”Abschnitt, klicken Sie auf die“JSDatei, und es wird am "öffnen"Der Abschnitt Code Editor”Auf der rechten Seite des Fensters:

Schritt 4: Stellen Sie die Haltepunkte ein

Setzen Sie einen Haltepunkt in einer Zeile in “Der Abschnitt Code EditorWenn Sie auf die Spalte Zeilennummer klicken:

Wir haben einen Haltepunkt in Zeile 6 platziert. Hier wird der Code nicht mehr ausgeführt. Zusätzlich können Sie mehrere Code-of-Code-Haltepunkte einstellen:

Im angegebenen Beispiel setzen wir nur die Haltepunkte ein und führen den Code aus, um zu sehen, wie er funktioniert. Nach dem Einstellen des Haltepunkts stoppt die Codeausführung, damit wir die Werte überprüfen können.

Ausgang

Wir haben die grundlegenden Anweisungen zu Haltepunkten in JavaScript behandelt.

Abschluss

Haltepunkte sind eines der grundlegendsten Debugging -Tools in der Toolbox des Entwicklers. Es wird verwendet, um die Position des logischen Fehlers zu finden. Platzieren Sie einfach einen Haltepunkt, wenn der Debugger die aktuelle Ausführung stoppt. Öffnen Sie das Quellfeld in Devtools und legen Sie den Haltepunkt im Abschnitt Code -Editor fest, indem Sie auf die Spalte Zeilennummer klicken. In diesem Blog haben wir die Haltepunkte in JavaScript gezeigt und wie man Breakpoints festlegt, um den Code zu debuggen.