Was ist der Unterschied zwischen printIn und console.log in JavaScript? (Beantwortet) - All The Differences
Inhaltsverzeichnis
JavaScript ist eine Programmiersprache, die nur in Webbrowsern verfügbar ist. Die JavaScript-Konsole ist eine Befehlszeilenschnittstelle in Ihrem Browser, mit der Sie Codeschnipsel ausführen können. Wenn dieser Codeschnipsel für die Interaktion mit der gerade angezeigten Webseite konzipiert ist, können unerwartete Ergebnisse auftreten.
"PrintIn" bewirkt, dass der Text in die Konsole, während Sie "console.log" verwenden können, um es zu protokollieren und für verschiedene Zwecke zu verwenden, z. B. um es als Fehlerbericht per E-Mail zu versenden.
Wenn Sie ein Programmierer sind, wissen Sie, wie wichtig es ist, Skriptsprachen wie JavaScript zu verwenden und zu verstehen, aber es gibt Zeiten, in denen Sie über ihre Funktionen verwirrt sind.
Damit Sie den Unterschied und die Anwendung dieser beiden Funktionen besser verstehen, erkläre ich Ihnen, was sie bedeuten und wie sie funktionieren.
Fangen wir an!
Was ist JavaScript?
Was ist JavaScript?
JavaScript ist eine Skriptsprache zur Erstellung von regelmäßig aktualisiertem Material, zur Steuerung von Multimedia, zur Animation von Grafiken und für so ziemlich alles andere.
Die Programmiersprache JavaScript verfügt über bestimmte Standardprogrammierfunktionen, mit denen Sie u. a. Folgendes tun können
- Wenn bestimmte Ereignisse auf einer Webseite auftreten, können Sie auf einen laufenden Code reagieren.
- Sie können Variablen verwenden, um nützliche Daten zu speichern.
- Sie können "Strings" verwenden, eine Textbearbeitungsoperation in der Programmierung
Noch interessanter sind die Funktionen, die der JavaScript-Benutzersprache hinzugefügt werden: APIs (Application Programming Interfaces) geben Ihrem JavaScript-Code zusätzliche Funktionen.
Kurz gesagt, JavaScript verfügt über eine Vielzahl von Funktionen, mit denen Sie kontrollieren können, was Sie kodieren, z. B. printIn und console.log.
Was ist PrintIn?
Kodierung
PrintIn ist eine Java-Methode zur Anzeige von Text auf der Konsole. Diese Methode akzeptiert diesen Text als Parameter in Form eines Strings und gibt den Text auf der Konsole aus, wobei der Cursor am Anfang der folgenden Zeile bleibt.
Der nächste Druck beginnt in der nächsten Zeile Es gibt mehrere printIn-Methoden wie:
| void printIn() | Schreibt die Zeilentrennzeichenfolge an das Ende der aktuellen Zeile. |
| void printIn(boolean x) | Die Zeile wird nach dem Ausdruck eines Booleschen Wertes beendet. |
| void printIn(char x) | Die Zeile wird nach dem Ausdruck eines Zeichens beendet. |
| void print(char [ ] x) | Die Zeile wird nach der Ausgabe einer Reihe von Zeichen beendet. |
| void printIn(double x) | Die Zeile wird nach dem Ausdruck einer Doppelzeile beendet. |
| void printIn(float x) | Die Zeile wird nach dem Druck von afloat beendet. |
| void printIn(int x) | Die Zeile wird nach dem Ausdruck einer Ganzzahl beendet. |
| void printIn(long x) | Die Zeile wird nach dem Ausdrucken beendet. |
| void printIn(Objekt x) | Nach dem Drucken eines Objekts wird die Zeile beendet. |
| void printIn(String x) | Die Zeile wird nach dem Ausdruck einer Zeichenkette beendet. |
Verwendung verschiedener Methoden in printIn
Obwohl es viele Methoden hat, die Sie bei der Codierung Ihrer Arbeit verwenden können, können Sie eine andere Methode für die Anzeige des Textes in der Konsole finden. In der Konsole gibt es zwei Methoden, wo Sie Ihre Arbeit drucken können, die erste ist printIn und die andere ist print.
Damit Sie nicht zwischen diesen beiden Druckmethoden hin- und hergerissen sind, sollten wir den Unterschied zwischen der zweiten Druckmethode, dem Druck, definieren.
Print ist eine Java-Methode zur Anzeige von Text auf der Konsole. Diese Methode akzeptiert diesen Text als Parameter in Form eines Strings und gibt den Text auf der Konsole aus, wobei der Cursor am Ende der folgenden Zeile bleibt.
Der nächste Druck wird genau hier beginnen Es gibt mehrere printIn-Methoden wie:
| void print(boolean b) | Es wird ein boolescher Wert gedruckt. |
| void print(char c) | Ein Zeichen wird gedruckt. |
| void print(char [ ] s) | Es wird eine Reihe von Zeichen gedruckt. |
| void print(double d) | Es wird eine doppelgenaue Gleitkommazahl gedruckt. |
| void print(float f) | Es wird eine Gleitkommazahl gedruckt. |
| void print(int i) | Es wird eine ganze Zahl gedruckt. |
| void print(long l) | Es wird eine lange Ganzzahl gedruckt. |
| void print(Object obj) | Ein Objekt wird gedruckt. |
| void print(String s) | Es wird eine Zeichenkette gedruckt. |
Verwendung verschiedener Methoden im Druck
Kurz gesagt, Der Hauptunterschied zwischen den beiden ist die Platzierung des in der Konsole ausgedruckten Textes: PrintIn steht am Anfang der folgenden Zeile, während Print an das Ende der folgenden Zeile.
Wenn Sie sich für Windows 10-Pro und Pro-N interessieren, lesen Sie meinen anderen Artikel.
Was ist Console.log?
Konsole.log
Die Konsole ist ein JavaScript-Objekt, mit dem Sie Zugriff auf die Debugging-Konsole des Browsers haben.
Die console.log ist eine JavaScript-Funktion, die alle Variablen ausgibt, die zuvor in ihr definiert wurden, sowie alle Informationen, die dem Benutzer angezeigt werden müssen.
Die Ausgabe wird meist auf dem Terminal protokolliert (gedruckt). log() kann jeder Typ übergeben werden, einschließlich Strings, Arrays, Objekte und Boolesche Werte.
Die Ausgabe der Methode console.log() ist in der JavaScript-Konsole sichtbar, auf die über das Entwicklerwerkzeug des Browsers zugegriffen werden kann. Was Sie mit console.log() ausgeben, ist für alle Endbenutzer zugänglich, unabhängig von ihrer Gruppe oder Rolle.
Schauen wir uns an, wie Sie diese Funktion verwenden können, und wie die Ausgabe nach der Verwendung dieser Funktion aussieht.
| JavaScript | Ausgabe |
// console.log() Methode
| abc 1 wahr Siehe auch: Overhead Press VS Military Press: Was ist besser? - Alle Unterschiedenull undefiniert Array(4) [ 1, 2, 3, 4 ] Objekt { a : 1, b : 2 , c : 3 } |
Eingabe und Ausgabe mit console.log
Was ist der Druck auf die Konsole mit Console.log Methode in Javascript?
Es ist die beliebteste und am häufigsten verwendete Konsolenmethode von JavaScript, die häufig verwendet wird, um verschiedene Meldungen oder Berechnungsergebnisse auf der Konsole auszugeben oder sogar beim Debuggen von Code.
Sie haben einen Code geschrieben, der zwei Zahlen addiert, und Sie möchten das Ergebnis dieser Operation auf der Konsole sehen; in diesem Fall können Sie die Methode console.log() verwenden.
Dokument var num_1 = 2, num_2 = 3; console.log(num_1 + num_2); Ist Console.log synchron oder asynchron?
Bevor ich mit Ihnen bespreche, ob console.log synchron oder asynchron ist, werde ich zunächst definieren, was synchron und asynchron ist.
Synchron bedeutet, dass es zur gleichen Zeit stattfindet, während asynchron bedeutet, dass es nicht zur gleichen Zeit stattfindet. So können Teilnehmer/Nutzer in synchronen Kursen sofort Feedback erhalten. Asynchrone Kurse ermöglichen es Ihnen, in Ihrer eigenen Zeit zu lernen.
Die Antwort lautet: concole.log ist asynchron. Ich werde Ihnen anhand von Beispielen zeigen, warum das so ist, insbesondere beim Sortieren eines Arrays von Objekten auf effizientere Weise. Beginnen wir.
Nehmen wir an, Sie haben die folgenden Objekte in Ihrem Array:
| let users = [ { Name: "Nicole" , Alter: 20, Nachname: "Luna" } , { Name: "Cara" , Alter: 21, Nachname: "Lim" } , { Name: "Lara" , Alter: 20, Nachname: "Tuazon" }; ] |
Array-Objekte
Sie müssen dieses Array nach Feldnamen sortieren, was in der Regel folgendermaßen geschieht.
| / / nach Namen ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => a.name> b.name ? 1 : -1); / / nach Alter ( Lara, Nicole, Cara ) users.sort ( ( a, b ) => a.age> b.name ? 1 : -1); |
Sortieren von Array-Objekten
Um es effizienter zu gestalten, müssen Sie so vorgehen:
| users.sort(byField( 'name' )); users.sort(byField( 'Alter' )); |
Sortieren von Array-Objekten (einfache Methode)
Um dies zu tun, müssen Sie die Funktion "Byfield" schreiben, um sie an Array.prototype.sort der Objekte in Ihrem Array zu übergeben und zu sortieren. Nun, dies ist nicht der primäre Fokus dieses Artikels, aber sehen Sie sich bitte das folgende Beispiel an, um das obige Beispiel auf einfache Weise zu vervollständigen.
| > let users = [ { Name: "Nicole" , Alter: 20, Nachname: "Luna" } , { Name: "Cara" , Alter: 21, Nachname: "Lim" } , { Name: "Lara" , Alter: 20, Nachname: "Tuazon" }; ] function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; } users.sort(byField( 'name' ) ); concole.log(users); users.sort(byField( 'age' ) ); concole.log(users); (3) [ { ... }, { ... }, { ... } ] > 0: { Name: " Lara ", Alter: " 20 " , Nachname: " Tuazon " } > 1: { Name: " Nicole ", Alter: " 20 " , Nachname: " Luna " } > 1: { Name: " Cara ", Alter: " 21 " , Nachname: " Lim " } Länge: 3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] Siehe auch: Der Unterschied zwischen Krähen, Raben und Amseln (Finde den Unterschied) - Alle Unterschiede> 0: { Name: " Lara ", Alter: " 20 " , Nachname: " Tuazon " } > 1: { Name: " Nicole ", Alter: " 20 " , Nachname: " Luna " } > 1: { Name: " Cara ", Alter: " 21 " , Nachname: " Lim " } Länge: 3 > _proto_: Array (0) |
sortierte Array-Objekte
Aus der obigen Tabelle können Sie ersehen, dass ich die Array-Objekte zweimal sortiere, zuerst nach dem Namen, dann nach dem Alter, und nach jedem Sortiervorgang führe ich console.log () aus. Sie haben vielleicht auch bemerkt, dass console.log() für jede Sortierung des Ergebnisses die gleiche Ausgabe wiederherstellt, aber das ist nicht der Fall; lassen Sie mich erklären warum.
Ich habe den obigen Code auf einmal ausgeführt und dann beschlossen, jede Reaktion von console.log () zu erweitern. Das ist wichtig, weil console.log() asynchron ist.
In Bezug auf die Ereignisschleife kommen alle asynchronen Funktionen in der Ereignistabelle an. In diesem Fall geht es nach dem Aufruf von console.log() zur Ereignistabelle und wartet auf das Eintreten eines bestimmten Ereignisses.
Wenn ein Ereignis eintritt, wird console.log() an die Ereignis-Warteschlange gesendet, wo es wartet, bis alle Prozesse in dieser Ereignis-Warteschlange, die bereits vorhanden waren, als Ihre console.log platziert wurde, an den Call Stack gesendet wurden, dann wird Ihre console.log() auch an diesen Call Stack gesendet.
Wie öffnet man die Javascript Console.log?
In Webbrowsern ist die Konsole eines der verschiedenen Entwicklerwerkzeuge. Zur Fehlersuche in Ihrem JavaScript-Code können Sie die Konsole verwenden. Die Konsole ist je nach Browser an verschiedenen Stellen zu finden.
In diesem Tutorial zeige ich Ihnen, wo Sie die Konsole in Ihrem Google Chrome-Browser finden.
Schritte zum Öffnen des Konsolenprotokolls in Chrome
Schauen wir uns an, wie man das Chrome-Konsolenprotokoll öffnet.
- Wählen Sie bei geöffnetem Chrome-Browser im Popup-Menü die Option Inspizieren.
- Die Registerkarte "Elemente" der Entwicklertools wird standardmäßig geöffnet, wenn Sie Inspect ausführen. Klicken Sie rechts neben "Elemente" auf "Konsole".
- Sie können nun die Konsole sowie alle im Konsolenprotokoll aufgezeichneten Ausgaben anzeigen.
Sie können die Chrome-Entwicklertools auch mit einer Reihe von Tastenkombinationen öffnen. Je nach Chrome-Version können Sie die folgenden Tastenkombinationen verwenden:
Für Windows und Linux,
| Strg + Umschalt + I | Das Fenster Entwicklertools wird angezeigt. |
| Strg + Umschalt + J | Wählt die Registerkarte Konsole in den Entwicklertools aus. |
| Strg + Umschalt + C | Modus "Element inspizieren" schaltet um |
Tastenkombinationen
Abschließende Überlegungen
Die Hauptunterschied zwischen printIn und console.log ist deren Funktion und die Ergebnis des Codes PrintIn gibt den Text auf der Konsole aus, während console.log alle Variablen mit zuvor kodierten Zeichenfolgen ausgibt.
Mit diesen Funktionen von Javascript können Sie Variablen und Text ausdrucken und auf der Konsole anzeigen. In JavaScript können Sie mit verschiedenen Methoden drucken.
Die Log-Methode der JavaScript-Konsole ist die am häufigsten verwendete Option beim Debuggen. Um Ihren Code effektiver zu debuggen, sollten Sie alle Methoden üben und lernen, wie man sie richtig einsetzt.
Programmierer und Entwickler verwenden diese häufig, um darin vordefinierte Variablen sowie Informationen, die dem Benutzer angezeigt werden sollen, zu drucken.
