JavaScript Academy · Lektion

Mehr als console.log

Verwenden Sie table, group, warn, error und assert.

Mehr als console.log ist eine kostenlose JavaScript Academy-Lektion auf CoddyKit. Dies ist Lektion 1 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.

Mehr als nur Log

Das console-Objekt bietet viele Methoden über console.log hinaus. Jede vermittelt eine andere Absicht und kann Ausgaben auf nützliche Weise darstellen.

console.log("plain message")
console.info("informational")

console.warn

console.warn gibt eine Warnung aus. Im Browser wird sie gelb hervorgehoben und signalisiert damit ein nicht schwerwiegendes Problem, das Aufmerksamkeit verdient.

console.warn("This API is deprecated")

console.error

console.error meldet einen Fehler. Die Ausgabe ist besonders formatiert und enthält in Browsern einen Stack Trace, der Ihnen hilft, das Problem zu lokalisieren.

console.error("Failed to load data")

console.info und debug

console.info und console.debug verhalten sich wie log, vermitteln aber einen Schweregrad. Tools können Nachrichten nach diesen Ebenen filtern.

console.info("Server started")
console.debug("Cache size is 42")

console.table

console.table stellt Arrays und Objekte als formatierte Tabelle dar. Dadurch lassen sich strukturierte Daten wesentlich leichter überblicken als in einem einfachen Log.

const users = [
  { name: "Ann", age: 30 },
  { name: "Bob", age: 25 }
]
console.table(users)

console.group

console.group beginnt einen eingerückten, ausblendbaren Abschnitt. Nachrichten, die Sie danach protokollieren, werden verschachtelt, bis Sie console.groupEnd aufrufen.

console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()

Verschachtelte Gruppen

Gruppen können ineinander verschachtelt werden, um eine Hierarchie abzubilden. Jede Ebene fügt eine weitere Einrückung hinzu.

console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()

console.assert

console.assert protokolliert nur dann einen Fehler, wenn sein erstes Argument falsy ist. Damit können Sie schnell auf verletzte Annahmen hinweisen, ohne die Ausführung anzuhalten.

const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")

console.count

console.count zählt, wie oft eine markierte Zeile ausgeführt wurde. Das ist hilfreich, um unerwartete wiederholte Aufrufe zu erkennen.

function ping() {
  console.count("ping")
}
ping()
ping()
ping()

console.time

console.time und console.timeEnd messen, wie lange ein Codeabschnitt dauert, und geben die verstrichene Zeit mit einer übereinstimmenden Bezeichnung aus.

console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")

Die richtige Methode auswählen

Verwenden Sie warn und error für Probleme, table für strukturierte Daten, group zum Organisieren zusammengehöriger Logs und assert zum Überprüfen von Annahmen. Eine klare Protokollierung beschleunigt das Debugging.

console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])

Kurztest

Testen Sie Ihr Wissen über console-Methoden.

Zusammenfassung

Zusammenfassung: Die console bietet viele leistungsfähige Methoden über log hinaus.

warn und error signalisieren den Schweregrad
table stellt strukturierte Daten dar
group organisiert verschachtelte Logs
assert kennzeichnet fehlgeschlagene Bedingungen

console.table([{ a: 1 }, { a: 2 }])
console.warn("done")

Häufig gestellte Fragen

Ist die Lektion „Mehr als console.log“ kostenlos?

Ja — der vollständige Text von „Mehr als console.log“ 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 „Mehr als console.log“?

Verwenden Sie table, group, warn, error und assert. 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 1 von 4.

Wie lange dauert die Lektion „Mehr als console.log“?

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