JavaScript
Debugging
Fehler finden ist eine Kernkompetenz: Konsole lesen, Breakpoints setzen, Hypothesen prüfen.
Fehlermeldungen lesen
TypeError, ReferenceError und SyntaxError sagen, WAS schiefging. Der Stack Trace sagt, WO.
Die oberste Zeile des Traces mit eigener Datei ist meist der beste Startpunkt.
<TypeError><stack trace>
Breakpoints
debugger hält die Ausführung an, wenn die DevTools offen sind.
Im Sources-Panel lässt sich der Zustand jeder Variablen inspizieren und Schritt für Schritt weiterlaufen.
<debugger><breakpoint>
debugger
function berechnePunkte(antworten) {
debugger; // haelt hier an
return antworten.filter((a) => a.korrekt).length * 10;
}Konsole gezielt nutzen
console.table zeigt Arrays von Objekten übersichtlich, console.error hebt Fehler hervor.
console.time und console.timeEnd messen Laufzeiten.
<console.table()><console.error()><console.time()>
Fortschritt
Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.