8 Konsolen: interaktive JavaScript-Befehlszeilen

8.1 JavaScript-Code ausprobieren

Es gibt viele Möglichkeiten, JavaScript-Code-Schnipsel schnell auszuführen. In den folgenden Unterabschnitten werden einige davon beschrieben.

8.1.1 Browserkonsolen

Webbrowser haben sogenannte Konsolen: interaktive Befehlszeilen, an die Sie Text über console.log() ausgeben und in denen Sie Code-Schnipsel ausführen können. Wie Sie die Konsole öffnen, unterscheidet sich von Browser zu Browser. Abb. 3 zeigt die Konsole von Google Chrome.

Um herauszufinden, wie Sie die Konsole in Ihrem Webbrowser öffnen, können Sie eine Websuche nach „Konsole «Name-Ihres-Browsers»“ durchführen. Dies sind Seiten für einige häufig verwendete Webbrowser

• Apple Safari
• Google Chrome
• Microsoft Edge
• Mozilla Firefox

8.1.2 Die Node.js REPL

REPL steht für read-eval-print loop und bedeutet im Grunde Befehlszeile. Um sie zu verwenden, müssen Sie zuerst Node.js von einer Betriebssystem-Befehlszeile über den Befehl node starten. Dann sieht eine Interaktion damit so aus, wie in Abb. 4 dargestellt: Der Text nach > ist die Eingabe des Benutzers; alles andere ist Ausgabe von Node.js.

> 3 + 5
8

8.1.3 Andere Optionen

Andere Optionen umfassen

• Es gibt viele Web-Apps, mit denen Sie mit JavaScript in Webbrowsern experimentieren können – zum Beispiel die REPL von Babel.

• Es gibt auch native Apps und IDE-Plugins zum Ausführen von JavaScript.

8.2 Die console.* API: Daten ausgeben und mehr

In Browsern ist die Konsole etwas, das Sie aufrufen können und das normalerweise versteckt ist. Für Node.js ist die Konsole das Terminal, in dem Node.js gerade läuft.

Die vollständige console.* API ist auf den MDN Web Docs und auf der Node.js-Website dokumentiert. Sie ist kein Teil des JavaScript-Sprachstandards, aber viel Funktionalität wird sowohl von Browsern als auch von Node.js unterstützt.

In diesem Kapitel betrachten wir nur die folgenden beiden Methoden zur Ausgabe von Daten („Ausgabe“ bedeutet Anzeige in der Konsole)

• console.log()
• console.error()

8.2.1 Werte ausgeben: console.log() (stdout)

Es gibt zwei Varianten dieses Vorgangs

console.log(...values: any[]): void
console.log(pattern: string, ...values: any[]): void

8.2.1.1 Mehrere Werte ausgeben

Die erste Variante gibt (Textdarstellungen von) Werten auf der Konsole aus

console.log('abc', 123, true);
// Output:
// abc 123 true

Am Ende gibt console.log() immer einen Zeilenumbruch aus. Wenn Sie sie also mit null Argumenten aufrufen, gibt sie nur einen Zeilenumbruch aus.

8.2.1.2 Eine Zeichenkette mit Substitutionen ausgeben

Die zweite Variante führt eine Zeichenketten-Substitution durch

console.log('Test: %s %j', 123, 'abc');
// Output:
// Test: 123 "abc"

Dies sind einige der Direktiven, die Sie für Substitutionen verwenden können

• %s konvertiert den entsprechenden Wert in eine Zeichenkette und fügt ihn ein.

  console.log('%s %s', 'abc', 123);
  // Output:
  // abc 123

• %o fügt eine Zeichenkettendarstellung eines Objekts ein.

  console.log('%o', {foo: 123, bar: 'abc'});
  // Output:
  // { foo: 123, bar: 'abc' }

• %j konvertiert einen Wert in eine JSON-Zeichenkette und fügt ihn ein.

  console.log('%j', {foo: 123, bar: 'abc'});
  // Output:
  // {"foo":123,"bar":"abc"}

• %% fügt ein einzelnes % ein.

  console.log('%s%%', 99);
  // Output:
  // 99%

8.2.2 Fehlerinformationen ausgeben: console.error() (stderr)

console.error() funktioniert genauso wie console.log(), aber was es protokolliert, wird als Fehlerinformation betrachtet. Für Node.js bedeutet dies, dass die Ausgabe unter Unix von stdout nach stderr umgeleitet wird.

8.2.3 Verschachtelte Objekte über JSON.stringify() ausgeben

JSON.stringify() ist gelegentlich nützlich, um verschachtelte Objekte auszugeben

console.log(JSON.stringify({first: 'Jane', last: 'Doe'}, null, 2));

Ausgabe

{
  "first": "Jane",
  "last": "Doe"
}