Lektion 2: JavaScript Grundlagen

Wie gesehen, kann in der Entwickler-Konsole JavaScript Code direkt ausgeführt werden. Es lassen sich Berechnung und andere Operationen durchführen. Beim Ausführen von Code, wird das Ergebnis der letzten Operation, in der JavaScript-Konsole ausgegeben.

JavaScript Zeilen werden mit einem „;“ beendet (Wie in PHP).

Für Berechnungen stehen bekannt Rechenoperatoren zur Verfügung: „+, -, *, /“. Weiterhin gibt es den Modulo-Operator „%“, dieser liefert den Rest einer ganzzahligen Division (5 % 3 ergibt 1 - weil 7 durch 2 ergibt 3 Rest 1).

5 + 5;
5 * 5;
// Konsolenausgabe 25

Nur eine Ausgabe!

console.log(5 + 5);
console.log(5 * 5);
console.log(5 - 5);
console.log(25 / 5);
console.log(26 / 5);
 
console.log(25 % 5);
// Konsolenausgabe 0
console.log(26 % 5);
// Konsolenausgabe 1

Es gibt 5 Datentypen in JavaScript: „String, Number, Boolean, Array, Object“

• String
  Text: „Hallo“
• Number
  Zahl: 17
• Boolean
  Wahrheitswert: true oder false
• Array
  Liste von Werten: [1, 2, 3]
• Object
  Object mit weiteren Eigenschaften (Später)

console.log("Hallo");
console.log(17);
console.log(true);
console.log([1, 2, 3]);

Strings können mit doppelten oder einfachen Anführungszeichen geschrieben werden. Werden einfache Anführungszeiche in einem String mit doppelten genutzt, werden diese als Text interpretiert.

"Hallo";
'Hallo';
 
'Good "bye"';
"Good 'bye'";

Zahlen können Ganz oder Dezimal sein: 1 oder 1.0. Dezimalzahlen werden in der Informatik grundsätzlich mit einem „.“ und nicht mit einem „,“ beschrieben. Boolean können die Werte true (Wahr) oder false (Falsch) annehmen. Listen können mehrere Werte enthalten und werden mit eckigen Klammern geschrieben: [1, „Hello“, true].

Mit dem typeof kann der Datentyp getestet werden.

console.log(typeof "Hallo");   // string
console.log(typeof 17);        // number
console.log(typeof true);      // boolean
console.log(typeof [1, 2, 3]); // object, nicht list
// object ist richtig, aber nicht sehr konsequent

Jetzt wird es spannend: JavaScript kann zwei Zahlen addieren, aber es kann auch eine Zahl und einen Text addieren. JavaScript interpretiert ein + dann als Text-Zusammenfügung.

console.log(17 + "Hallo");
// 17Hallo
console.log("Hallo" + 17);
// Hallo17

JavaScript wertet Ausdrücke von Links nach Recht aus, darum gilt

console.log(17 + 5 + "Hallo");
// 22Hallo
console.log("Hallo" + 17 + 5);
// Hallo175

In der ersten Zeile wird zuerst 17 + 5 = 22 ausgewertet, dann wird mit dem Text zusammengefügt. Zwischenschritt: 22 + „Hallo“ Im zweiten Beispiel wird „Hallo“ ausgewertet und alles nachfolgende auch als Text interpretiert. Zwischenschritt „Hallo“ + „17“ + „5“

In dieser Lektion haben wir die Syntax von JavaScript kennen gelernt. Operatoren und Datentypen wurden vorgestellt und ein paar Besonderheiten angesprochen.

1. Probiere ein bisschen in der JavaScript Konsole rum.

<< Lektion 1: Einführung | Lektion 3: HTML-Manipulation I >>