JavaScript Academy · Lektion

Haltepunkte setzen

Pausieren Sie die Ausführung und untersuchen Sie den Zustand.

Haltepunkte setzen ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des JavaScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der JavaScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Was ist ein Breakpoint

Ein Breakpoint weist den Debugger an, die Ausführung an einer bestimmten Zeile anzuhalten. Während die Ausführung angehalten ist, können Sie Variablen und den Aufruf-Stack untersuchen, um den Programmzustand zu verstehen.

Warum Breakpoints besser sind als Logging

Im Vergleich zu verstreuten Log-Anweisungen können Sie mit Breakpoints jede Variable im aktuellen Gültigkeitsbereich zu einem bestimmten Zeitpunkt untersuchen, ohne den Code zu ändern. Anschließend können Sie von dort aus fortfahren oder schrittweise vorgehen.

Das Sources-Panel öffnen

In den DevTools des Browsers befinden sich Breakpoints im Sources-Panel. Öffnen Sie die DevTools, wechseln Sie zu Sources und suchen Sie Ihre Skriptdatei im Dateibaum.

Einen Zeilen-Breakpoint setzen

Klicken Sie neben einer Anweisung auf den Rand mit den Zeilennummern, um dort einen Breakpoint zu setzen. Eine Markierung wird angezeigt, und die Ausführung hält an, sobald diese Zeile ausgeführt werden soll.

Die debugger-Anweisung

Wenn Sie eine debugger-Anweisung in Ihren Code einfügen, löst sie programmgesteuert einen Breakpoint aus, sobald die DevTools geöffnet sind. Entfernen Sie sie, bevor Sie Produktionscode ausliefern.

function compute(x) {
  const doubled = x * 2
  // a debugger statement on the next line would pause execution here
  return doubled + 1
}

Bedingte Breakpoints

Wenn Sie mit der rechten Maustaste auf eine Zeile klicken, können Sie eine Bedingung hinzufügen. Der Debugger hält nur an, wenn der Ausdruck wahr ist. Das ist besonders in Schleifen sehr hilfreich.

Logpoints

Ein Logpoint gibt eine Nachricht aus, ohne die Ausführung anzuhalten. Er entspricht einer temporären Log-Anweisung, die Sie über die DevTools hinzufügen, statt den Quellcode zu bearbeiten.

Variablen untersuchen

Während die Ausführung angehalten ist, listet der Scope-Bereich lokale Variablen, Closure-Variablen und globale Variablen mit ihren aktuellen Werten auf. So können Sie Ihre Annahmen überprüfen.

Ausdrücke beobachten

Der Watch-Bereich wertet die von Ihnen definierten Ausdrücke bei jedem Halt aus. So können Sie einen berechneten Wert überwachen, während Sie schrittweise durch den Code gehen.

Breakpoints bei Ereignissen

Die DevTools können auch bei Ereignissen anhalten, etwa bei einem Klick oder einer Netzwerkanfrage. Die Ausführung wird angehalten, sobald dieses Ereignis ausgelöst wird.

Breakpoints verwalten

Der Breakpoints-Bereich listet alle Ihre Breakpoints auf. Sie können sie vorübergehend über ein Kontrollkästchen deaktivieren oder nach Abschluss des Debuggings entfernen.

Kurztest

Testen Sie Ihr Wissen über Breakpoints.

Zusammenfassung

Zusammenfassung: Breakpoints halten die Ausführung zur Untersuchung an.

Setzen Sie sie im Randbereich des Sources-Panels
Die debugger-Anweisung hält die Ausführung programmgesteuert an
Bedingte Breakpoints halten nur an, wenn die Bedingung wahr ist
Untersuchen Sie während des Halts den Gültigkeitsbereich und überwachte Ausdrücke

Häufig gestellte Fragen

Ist die Lektion „Haltepunkte setzen“ kostenlos?

Ja — der vollständige Text von „Haltepunkte setzen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des JavaScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der JavaScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Haltepunkte setzen“?

Pausieren Sie die Ausführung und untersuchen Sie den Zustand. Du übst JavaScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um JavaScript Academy zu starten?

Keine Vorkenntnisse erforderlich. JavaScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Haltepunkte setzen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser JavaScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede JavaScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu JavaScript Academy