js-Konsolenausgabemethode (ausführliche Erklärung)

console.log(object[, object, ...])

Eine Nachricht auf der Konsole ausgeben. Bei mehreren Parametern werden diese Parameter bei der Ausgabe durch Leerzeichen getrennt.

Der erste Parameter kann eine Zeichenfolge sein, die eine formatierte Platzhalterausgabe enthält, zum Beispiel:

console.log("The %s sprang über %d hohe Gebäude", animal, count);

Das obige Beispiel kann durch den folgenden Code für die unformatierte Platzhalterausgabe ersetzt werden:

console.log("The", animal, "jumped over", count, "tall Buildings");

Und diese beiden Methoden können in Kombination verwendet werden. Wenn Formatierungsplatzhalter verwendet werden und die Anzahl der bereitgestellten Parameter größer ist als die Anzahl der Platzhalter, werden die zusätzlichen Parameter durch Leerzeichen getrennt an das Ende der Zeichenfolge angehängt, wie zum Beispiel:

console.log („Ich bin %s und ich habe:“, meinName, Ding1, Ding2, Ding3);

Wenn der Parameter ein Javascript-Objekt ist, dann ist die Ausgabe in der Konsole kein statischer Text, sondern ein interaktiver Hyperlink. Klicken Sie auf den Hyperlink, um die HTML-, CSS-, Skript- und DOM-Fenster des Objekts anzuzeigen. Die Formatierungszeichenfolge %o kann anstelle des Javascript-Objekts verwendet werden.

console.log("Body tag is %o", document.body);

Stringliste formatieren:

console. debug(object[, object, ...])

Gibt eine Nachricht auf der Konsole aus, einschließlich eines Hyperlinks zu der Stelle, an der der Code aufgerufen wird. Wenn Sie diesen Befehl direkt in der Konsole eingeben, wird kein Hyperlink angezeigt (wie bei console.log()).

console.info(object[, object, ...])

Gibt eine Nachricht auf der Konsole mit einem „Info“-Symbol und einem Hyperlink aus, der auf den Ort zeigt, an dem sich das befindet Code heißt.

console.warn(object[, object, ...])

Gibt eine Meldung mit einem „Warnung“-Symbol auf der Konsole und einem Hyperlink aus, der auf die Stelle verweist, an der sich das befindet Code heißt.

console.error(object[, object, ...])

Gibt eine Meldung auf der Konsole mit einem „Fehler“-Symbol und einem Hyperlink zu der Stelle aus, an der der Code aufgerufen wurde.

console.assert(expression[, object, ...])

Testen Sie, ob der Ausdruck expression wahr ist. Wenn dies nicht der Fall ist, wird eine Nachricht an die Konsole geschrieben und eine Ausnahme ausgelöst.

console.dir(object)

Gibt alle Eigenschaften eines Objekts in der Liste aus Form, die ein wenig dem ähnelt, was Sie in DOM-Fenstern sehen.

console.dirxml(node)

Gibt den XML-Quellcode eines HTML- oder XML-Elements aus. Ähnlich wie im HTML-Fenster.

console.trace()

Druckt einen interaktiven Stack-Trace der JavaScript-Ausführung an der Stelle, an der sie aufgerufen wird.

Der Stack-Trace beschreibt detailliert die Funktionen auf dem Stapel sowie die Werte, die als Argumente an jede Funktion übergeben wurden. Sie können auf jede Funktion klicken, um zu ihrer Quelle auf der Registerkarte „Skript“ zu gelangen, und auf jeden Argumentwert klicken, um ihn auf der Registerkarte „DOM“ oder „HTML“ zu überprüfen 🎜>

console.group(object[, object, ...])

Gibt eine Nachricht aus und öffnet einen verschachtelten Block, und der Inhalt im Block wird eingerückt. Rufen Sie console.groupEnd() auf, um den Block zu schließen. Dieser Befehl kann verschachtelt werden.

console.groupEnd()

Schließt den letzten von console.group geöffneten Block.

console.time(name)

Erstellen Sie einen Timer mit dem Namen name, rufen Sie console.timeEnd(name) auf, um den Timer zu stoppen und die verstrichene Zeit (Millisekunden) auszugeben.

console.timeEnd(nam)