10 nützliche JavaScript -Konsolenmethoden

10 nützliche JavaScript -Konsolenmethoden

Eine JavaScript -Methode ist eine Eigenschaft, die eine Funktionsdefinition enthält. Eine Konsolenmethode ist ein Objekt, mit dem der Browser -Debugging -Konsole zugreifen kann. Mit Hilfe von Konsolenmethoden können wir Nachrichten, Warnungen und Fehler in die Browserkonsole drucken, was für Debugging -Zwecke hilfreich ist.

Die Entwicklerkonsole in einem Webbrowser ist ein Tool, das die mit einer Webseite zugeordneten Informationen wie JavaScript, Netzwerkanforderungen und Sicherheitsfehler usw. angemeldet hat. Verwenden Sie die Tastaturverknüpfung zum Öffnen des Entwicklerkonsolenfensters bei Google Chrome Strg + Verschiebung + J (unter Windows) oder Strg + Option + J (auf macOS).

Das Konsolenobjekt bietet mehrere Methoden zur Verwendung. In diesem Tutorial lernen Sie die Verwendung von JavaScript -Konsolenmethoden.

  1. PROTOKOLL
  2. DIE INFO
  3. WARNEN
  4. FEHLER
  5. BEHAUPTEN
  6. Zählen und Land
  7. Zeit, Timelog und Timeend
  8. Gruppe und Gruppendrücken
  9. TISCH
  10. KLAR

In diesem Artikel werden wir 10 nützliche JavaScript -Konsolenmethoden diskutieren, mit denen Sie effizientere und effektivere Code schreiben können.

1. Verwendung 'Konsole.Protokoll()' Methode

In JavaScript die Konsole.Protokoll() Die Methode wird verwendet, um Nachrichten in der Konsole zu protokollieren oder zu drucken. Dies ist ein Tool, das in die meisten Webbrowser- und JavaScript -Umgebungen integriert ist. Eine Konsole ist ein Entwickler -Tool, mit dem Sie Informationen zu Ihrem Code anzeigen können, z. B. Informationen, Fehlermeldungen und protokollierte Nachrichten.

Der Konsole.Protokoll() Die Methode nimmt ein oder mehrere Argumente an und protokolliert sie an der Konsole. Zum Beispiel können Sie eine solche Zeichenfolge protokollieren:

Konsole.Protokoll ("Hallo, Welt!");
1Konsole.Protokoll ("Hallo, Welt!");

Oder Sie können eine solche Variable protokollieren:

lass mynumber = 42; Konsole.log (mynumber);
12lass mynumber = 42; Konsole.log (mynumber);

Sie können auch mehrere Werte gleichzeitig protokollieren, indem Sie sie als separate Argumente übergeben:

Konsole.log ("Die Antwort ist", mynumber);
1Konsole.log ("Die Antwort ist", mynumber);

Zusätzlich zur Protokollierung von Zeichenfolgen und Variablen können Sie auch die Konsole verwenden.log () Methode zum Protokollieren von Objekten und Arrays. Zum Beispiel:

lass myObject = name: "John", Alter: 42; Konsole.log (myObject); Lass myArray = [1, 2, 3, 4, 5]; Konsole.log (myarray);
12345lass MyObject = Name: "John", Alter: 42; Konsole.log (myObject); Lassen Sie MyArray = [1, 2, 3, 4, 5]; Konsole.log (myarray);

2. Verwendung 'Konsole.die Info()' Methode

Der Konsole.die Info() Die Methode in JavaScript wird verwendet, um eine Informationsnachricht an der Konsole zu protokollieren. Es dauert einen oder mehrere Parameter, die jeder Datentyp sein können, und gibt eine Informationsnachricht an die Konsole mit einem blauen "I" -Symbol aus.

Hier ist ein Beispiel für die Verwendung der Konsole.die Info():

const username = 'Johndoe'; Konsole.Info ('Benutzer $ Benutzername ist angemeldet.');
12const userername = 'Johndoe'; Konsole.Info ('Benutzer $ Benutzername ist angemeldet.');

Im obigen Beispiel die Konsole.die Info() Die Methode gibt eine Informationsnachricht an die Konsole aus, die angibt, dass der Benutzer mit dem Benutzernamen "John Doe" ist angemeldet.

Der Konsole.die Info() Die Methode ist nützlich, um nicht kritische Informationen oder Aktualisierungen über den Status des Programms zu protokollieren. Es kann zum Debugging -Zweck verwendet werden oder einen Kontext über die Ausführung des Programms bereitstellen.

3. Verwendung 'Konsole.warnen()' Methode

Der Konsole.warnen() Die Methode in JavaScript wird verwendet, um eine Warnmeldung an der Konsole zu protokollieren. Es dauert einen oder mehrere Parameter, die jeder Datentyp sein können, und gibt eine Warnmeldung an die Konsole mit einem gelben Warnsymbol aus.

Hier ist ein Beispiel für die Verwendung Konsole.warnen():

const alter = 17; if (Alter < 18) console.warn('User is under 18 years old. Proceed with caution.');
1234Const Alter = 17; wenn (Alter < 18) console.warn('User is under 18 years old. Proceed with caution.');

Im obigen Beispiel, wenn die Altersvariable weniger als 18 ist, ist die Konsole.warnen() Die Methode gibt eine Warnmeldung an die Konsole aus.

Es ist wichtig zu beachten, dass das Konsole.warnen() ist nicht dasselbe wie eine Fehlermeldung. Eine Warnmeldung zeigt an, dass ein potenzielles Problem vorhanden ist, das möglicherweise nicht für den Betrieb des Codes entscheid.

4. Verwendung 'Konsole.Fehler()' Methode

Der Konsole.Fehler() Die Methode in JavaScript wird verwendet, um eine Fehlermeldung mit einem Fehlersymbol an der Konsole zu protokollieren. Es wird verwendet, um anzuzeigen, dass im Code ein Fehler oder eine Ausnahme aufgetreten sind, was dazu führen kann, dass die Anwendung fehlschlägt.

Hier ist ein Beispiel dafür, wie man die benutzt Konsole.Fehler() Methode:

const x = 5; const y = 0; try const result = x / y; Konsole.log ('Ergebnis: Ergebnis'); catch (Fehler) Konsole.Fehler (Fehler);
123456789const x = 5; const y = 0; try const result = x / y; Konsole.log ('Ergebnis: Ergebnis'); catch (error) Konsole.Fehler (Fehler);

In diesem Beispiel versuchen wir, den Wert von zu teilen X von y, Welches ist Null. Dies führt zu einem Durch Null teilen Fehler, den wir mit einem Try-Catch-Block fangen. Die Konsole.Die METHODE (ERROR () wird dann aufgerufen und das Fehlerobjekt als Argument übergeben. Dadurch wird eine Fehlermeldung an die Konsole mit einem Fehlersymbol zusammen mit einer Stapelverfolgung ausgegeben, die den Anrufstapel zum Zeitpunkt des Fehlers anzeigt. Mit der cONSOL.Fehler() Die Methode ist eine effektive Möglichkeit, Fehler in JavaScript -Anwendungen zu debuggen und zu beheben.

5. Verwendung 'Konsole.behaupten()' Methode

Verwenden Konsole.behaupten() Methode schreibt eine Nachricht an die Konsole basierend auf einer Bedingung. Es druckt eine Nachricht nur dann an die Konsole, wenn der erste Argumentausdruck auf False bewertet wird.

Konsole.Assert (Dokument.getElementById ("Name"), "kein Element mit ID 'Name'");
1Konsole.Assert (Dokument.getElementById ("Name"), "kein Element mit ID 'Name'");

6. Zählen und Land

Der Konsole.zählen() Die Methode wird verwendet, um eine Nachricht auf die Konsole zu schreiben, wie sie genannt wird.

für (i = 1; i <= 5; i++) console.count();
123für (i = 1; i <= 5; i++) console.count();

Standardmäßig wurde die Nachricht mit gekennzeichnet "Standard", Sie können das Etikett jedoch ändern, indem Sie es als Argument übergeben.

Verwenden Konsole.Countreset () Methode zum Zurücksetzen des Zählers, damit Sie dies erneut verwenden können.

für (i = 1; i <= 5; i++) console.count(); console.countreset();
1234für (i = 1; i <= 5; i++) console.count();console.countreset();

7. Zeit, Timelog und Timeend

Verwenden Konsole.Zeit() Funktionieren Sie, um einen Timer zu starten, um zu verfolgen, wie lange ein Vorgang dauert. Bevor Sie mit der Betriebszeit des Betriebs beginnen, starten Sie den Timer und verwenden Sie die Konsole.TIMEEND () -Funktion Nach dem Betriebsabschluss. Mit Hilfe davon finden Sie die Zeit, die eine bestimmte Operation durch die Anwendung benötigt.

Sie können auch verwenden Konsole.Protokoll() Um die aktuelle Zeit in Ihrem Code zu drucken. Dies startet oder beendet keinen Timer. Drucken Sie nur den aktuellen Zeitstempel aus.

Konsole.Zeit ("Antwortzeit"); // andere Block der Codes -Konsole.Timelog ("Antwortzeit"); // andere Block der Codes -Konsole.Timeend ("Antwortzeit");
12345Konsole.Zeit ("Antwortzeit"); // Ein anderer Block von Codesconsole.Timelog ("Antwortzeit"); // Ein anderer Block von Codesconsole.Timeend ("Antwortzeit");

8. Gruppe und Gruppendrücken

Benutze die Konsole.Gruppe() Funktion zur Erstellung von Nachrichtengruppen auf der Browserkonsole. Dadurch werden die Nachricht daneben gruppiert. Dann benutze die Konsole.Gruppierung() Funktionieren Sie, um eine Gruppe zu beenden, die kurz zuvor begann.

Konsole.log ("Dies ist die äußere Ebene"); Konsole.Gruppe ("erste Gruppe"); Konsole.log ("in der ersten Gruppe"); Konsole.Gruppe ("zweite Gruppe"); Konsole.log ("in der zweiten Gruppe unter der ersten Gruppe"); Konsole.warnen ("noch in der zweiten Gruppe"); Konsole.Groupend (); Konsole.log ("zurück zur ersten Gruppe"); Konsole.Groupend (); Konsole.Debugug ("Zurück zur äußeren Ebene");
12345678910Konsole.log ("Dies ist die äußere Ebene"); Konsole.Gruppe ("erste Gruppe"); Konsole.log ("in der ersten Gruppe"); Konsole.Gruppe ("zweite Gruppe"); Konsole.log ("in der zweiten Gruppe unter der ersten Gruppe"); Konsole.warnen ("noch in der zweiten Gruppe"); Konsole.Groupend (); Konsole.log ("zurück zur ersten Gruppe"); Konsole.Groupend (); Konsole.Debugug ("Zurück zur äußeren Ebene");

9. TISCH

Verwenden Konsole.Tisch() Methode zum Drucken eines Objekts in Form der Tabelle auf der Browserkonsole.

Konsole.Tabelle ('ID': 1001, 'Name': 'Tecadmin.Netz');
1Konsole.Tabelle ('ID': 1001, 'Name': 'Tecadmin.Netz');

10. KLAR

Die JavaScript -Konsole.Clear () -Methode wird verwendet, um das Konsolenfenster der Entwicklerwerkzeuge des Browsers zu löschen. Es löscht alle zuvor protokollierten Nachrichten und alle anderen Ausgaben, die zuvor in der Konsole angezeigt wurden, so dass das Konsolenfenster leer und für neue Nachrichten bereit ist.

Konsole.klar();
1Konsole.klar();

Diese Methode wird üblicherweise verwendet, um die Konsolenausgabe zu beseitigen, wenn Sie sich auf einen bestimmten Satz von Nachrichten konzentrieren oder wenn Sie Unordnung aus dem Konsolenfenster entfernen möchten. Es kann von der Browserkonsole oder aus JavaScript -Code auf der Seite aufgerufen werden.

Abschluss

Zusammenfassend lässt sich sagen. Durch die Verwendung dieser Methoden können Sie Objekte leicht inspizieren und manipulieren, die Leistung messen und Nachrichten in der Konsole protokollieren. Unabhängig davon. Wir hoffen, dass dieser Artikel Ihnen einen nützlichen Überblick über diese Methoden gegeben und Sie dazu inspiriert hat, sie in Ihren eigenen Projekten weiter zu erkunden.