Haltepunkte in JavaScript
In diesem Artikel besprechen wir die Verwendung und Vorteile von Haltepunkten und wie wir unseren JavaScript-Code mit Hilfe des Schlüsselworts debugger und des Debugger-Modus des Browsers debuggen können.
Haltepunkte
Meistens enthält unser Programmcode nur wenige logische Syntaxfehler, und unser Programm liefert nicht das gewünschte Ergebnis gemäß den angegebenen Anweisungen. Um Fehler zu beheben und unseren Programmcode zu debuggen, müssen wir also die Ausführung stoppen und den Ausführungsablauf bei jedem Schritt überprüfen.
Wir verwenden Haltepunkte in unseren Programmen, um die Ausführung zu stoppen, und verschiedene Programmiersprachen enthalten speziell Schlüsselwörter für Haltepunkte.
Haltepunkt-Schlüsselwörter stoppen die Ausführung während der Laufzeit des Codes, da Fehler meistens keine Fehlermeldungen oder Protokolle anzeigen und wir herausfinden müssen, was das eigentliche Problem ist.
Haltepunkte in JavaScript
Das Debuggen ist ein kniffliger Prozess, und jetzt bieten die meisten Browser einen integrierten JavaScript-Debugger. Wir können Haltepunkte mit Debuggern setzen und definieren, wo wir die Ausführung stoppen müssen.
Wir können die Variablenwerte zur Laufzeit während der Ausführung von Code untersuchen.
Wir können das Debugging in unserem Browser aktivieren, indem wir die Taste F12 drücken und im Debugger-Menü den Abschnitt Console auswählen. Wenn unser Browser das Debuggen unterstützt, können wir die Methode console.log() verwenden, um die Werte anzuzeigen und zu untersuchen.
Beispiel Konsole:
<!DOCTYPE html>
<html>
<body>
<h1>Delftstack learning</h1>
<h2>JavaScript debugger keyword example</h2>
<p>You can on debugger with F12 key and select console in debugger menu.</p>
<script>
a = 2;
b = 4;
sum = a + b;
console.log(c); // it will display the value of sum variable
</script>
</body>
</html>
In der obigen HTML-Quelle haben wir die Standardmethode console.log() verwendet, um die Summe der Variablen a und b anzuzeigen; Wir können den Login-Abschnitt Konsole des Debugger-Modus sehen.
Wir können Haltepunkte im Debugger-Fenster für den JavaScript-Code festlegen, und die Ausführung wird an jedem Haltepunkt gestoppt, was bei der Untersuchung von JavaScript-Werten hilft. Mit dem Play-Button im Debugger-Fenster können wir die Ausführung wieder fortsetzen.
Schlüsselwort Debugger in JavaScript
Das JavaScript-Schlüsselwort debugger wird in Codeanweisungen verwendet, um die Ausführung zu stoppen; Es führt die gleiche Funktionalität aus, wie wir Haltepunkte im Debugger setzen.
Beispiel für debugger:
<!DOCTYPE html>
<html>
<body>
<h1>Delftstack learning</h1>
<h2>JavaScript debugger keyword example</h2>
<p id="test"></p>
<p>You can on debugger and see the execution will be stop at third line.</p>
<script>
let sum = 15 + 5;
debugger; // to stop execution
document.getElementById("test").innerHTML = sum;
</script>
</body>
</html>
In der obigen HTML-Quelle haben wir das Schlüsselwort debugger im JavaScript-Code verwendet, um die Ausführung zu stoppen und die Variable sum dem Absatz mit getElementById("id").innerHTML zuzuweisen.