In die Konsole drucken in JavaScript

Sahil Bhosale 30 Januar 2023
  1. In Konsole drucken Mit der Methode console.log() in JavaScript
  2. In Konsole drucken Mit der Methode console.warn() in JavaScript
  3. In Konsole drucken Mit der Methode console.error() in JavaScript
  4. In Konsole drucken Mit der Methode console.info() in JavaScript
In die Konsole drucken in JavaScript

Als Programmierer müssen Sie immer einen funktionierenden Code schreiben, der weniger Fehler enthält. Das Auffinden von Fehlern und das Verstehen der Ausführung des Codes ist jedoch kompliziert, wenn Sie mit n Codezeilen arbeiten müssen. Um diesen Prozess zu vereinfachen, können wir eine sogenannte Konsole verwenden. Eine Konsole ist ein Fenster, in dem die Ausgabe des Programms gedruckt oder angezeigt wird und das auch zu Testzwecken verwendet wird. Alle modernen Browser unterstützen die Konsole. Sie können das Browser-Konsolenfenster öffnen, indem Sie zum Abschnitt Entwicklertools wechseln.

Die JavaScript-Programmiersprache bietet verschiedene Methoden, mit denen eine Ausgabenachricht auf der Konsole gedruckt werden kann. Auf alle diese Methoden kann mit Hilfe des Objekts console zugegriffen werden. Jede Methode hat ihren eigenen Zweck und kann je nach Ihren Anforderungen verwendet werden. Im Folgenden finden Sie einige der Konsolenmethoden, die viele Entwickler häufig verwenden.

  1. console.log()
  2. console.warn()
  3. console.error()
  4. console.info()

Lassen Sie uns verstehen, wie Sie mit jeder dieser Methoden die Nachricht detailliert auf der Konsole drucken. Stellen Sie sicher, dass das Konsolenfenster geöffnet ist (wenn nicht, drücken Sie F12 oder gehen Sie zu Developer Tools), damit Sie die Ausgabe für die folgenden Programme sehen können.

In Konsole drucken Mit der Methode console.log() in JavaScript

Es ist die beliebteste und am weitesten verbreitete Konsolenmethode in JavaScript. Diese Methode wird häufig verwendet, um verschiedene Nachrichten oder Berechnungsergebnisse auf der Konsole oder sogar beim Debuggen des Codes zu drucken.

Sie haben einen Code geschrieben, der zwei Zahlen hinzufügt, und möchten nun das Ergebnis dieses Vorgangs im Konsolenfenster anzeigen. In diesem Fall können Sie die Methode console.log() verwenden.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var num_1 = 2, num_2 = 3;
        console.log(num_1 + num_2);
    </script>
    
  </body>
</html>

So sieht es im Konsolenfenster aus.

JavaScript console.log

In Konsole drucken Mit der Methode console.warn() in JavaScript

Wenn Sie Warnungen auf der Konsole drucken möchten, können Sie diese Methode verwenden. Es kann Fälle geben, in denen der Benutzer eine bestimmte Aufgabe ausführen soll. Anschließend können Sie die Methode console.warn() verwenden. Sie erstellen beispielsweise eine Anwendung, in der das Gewicht des Benutzers verfolgt wird. Wenn das Gewicht des Benutzers über 100 ansteigt, zeigen Sie mit der Methode console.warn() eine Warnung an der Konsole an, die anzeigt, dass Do exercise and be healthy.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var weight = Math.random() * (110-95) + 95;
        
        if(Math.floor(weight) < 100){
            console.warn("Do exercise and be healthy");
        }
    </script>
    
  </body>
</html>

Die Ausgabe des obigen Codes:

JavaScript console.warning

In Konsole drucken Mit der Methode console.error() in JavaScript

Wann immer Sie einen Fehler in die Konsole werfen möchten, können Sie die Methode console.error() verwenden. Sie schreiben beispielsweise einen Code, der eine Zufallszahl zwischen 0 und 5 generiert. Jetzt möchten Sie hier eine Fehlermeldung an die Konsole senden, wenn die generierte Zufallszahl gleich Null ist. Dann können Sie die Methode console.error() verwenden.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var min =0, max = 5;
        var num = Math.random() * (max - min) + min;

        if(Math.floor(num) === 0){
            console.error("We don't accept zeros...");
        }
    </script>
    
  </body>
</html>

Wenn Sie den obigen Code ausführen, wird im Konsolenfenster eine Ausgabe angezeigt.

JavaScript console.error

In Konsole drucken Mit der Methode console.info() in JavaScript

Es wird verwendet, um die Informationsnachricht im Konsolenfenster anzuzeigen. Wenn Sie eine Webanwendung erstellen, die dem Benutzer Wetteraktualisierungen bereitstellt und einige nützliche Vorschläge oder Informationen basierend auf dem aktuellen Wetter enthält. Diese Art von Vorschlägen kann mit der Methode console.info() als Informationsnachricht im Konsolenfenster angezeigt werden.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        console.info("The weather looks rainy today, you should take an umbrella with you.");
    </script>
    
  </body>
</html>

Der obige Code zeigt die Informationsmeldung an: The weather looks rainy today, you should take an umbrella with you. als Ausgabe an die Konsole.

JavaScript console.info

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn