7.3.1 Variablen
Wie in anderen Programmiersprachen gibt es auch in JavaScript verschiedene Arten von Variablen.
Boolesche Variablen
Wenn wir einer Variable lediglich den Wert „richtig“ oder „falsch“ zuweisen wollen, sollten wir booleschen Variablen verwenden. Diesen können Sie den Wert true (Aussage stimmt) oder false (Aussage stimmt nicht) zuweisen. Boolesche Variablen werden, wie in anderen Programmiersprachen auch, bei Schleifen und bedingten Anweisungen verwendet.
Numerische Variablen
Numerische Variablen sind Variablen, denen Zahlenwerte zugewiesen werden. Dezimalzahlen werden dabei mit einem Punkt angegeben, statt mit einem Komma. Auch negative Zahlen sind erlaubt.
Beispiel mit const
Beispiel mit let
let
sollte verwendet werden, wenn der Wert einer Variablen sich ändern kann, z. B. bei einer jährlichen Zinsberechnung.
Hinweis
- Verwenden Sie
const
für Werte, die sich im Programm nicht ändern, wie die Startwerteanfangsbestand
oderzinsrate
. - Verwenden Sie
let
für Variablen, die während der Ausführung des Codes einen neuen Wert erhalten, wiejahre
undaktuellerBestand
.
Zeichenketten (Strings)
Zeichenketten werden in Programmiersprachen auch oft Strings genannt. Strings werden von Anführungszeichen eingeschlossen. Dabei ist es egal, ob einfache ('
) oder doppelte ("
) Anführungszeichen verwendet werden.
Beispiel mit const
const
sollte verwendet werden, wenn der Wert der Zeichenkette unveränderlich ist:
Beispiel mit let
let
sollte verwendet werden, wenn der Wert der Zeichenkette im Verlauf des Programms geändert werden kann:
Hinweis
- Verwenden Sie
const
für Zeichenketten, die sich nie ändern. - Verwenden Sie
let
, wenn die Zeichenkette im Laufe des Codes aktualisiert oder überschrieben wird.
Primitive Datentypen
In JavaScript gibt es folgende primitive Datentypen zum Speichern einfacher Werte, von denen für uns hier die Typen number
, string
und boolean
wichtig sind.
Typ | Beschreibung | Beispiel |
---|---|---|
number |
Für alle numerischen Werte, einschließlich Ganzzahlen und Gleitkommazahlen (kein int oder float separat). |
42 , 3.14 , -7 |
string |
Für Text oder Zeichenfolgen. Zeichenketten werden in Anführungszeichen gesetzt. | "Hallo" , 'Welt' |
boolean |
Für Wahrheitswerte true oder false . |
true , false |
bigint |
Für sehr große Ganzzahlen, die Number übersteigen (ab ECMAScript 2020). |
12345678901234567890n , BigInt(42) |
null |
Ein spezieller Wert, der die Abwesenheit eines Wertes repräsentiert. | null |
undefined |
Zeigt an, dass eine Variable deklariert, aber nicht initialisiert wurde. | let x; console.log(x); // undefined |
symbol |
Ein einzigartiger und unveränderbarer Wert, oft für Objektschlüssel verwendet (ab ECMAScript 2015). | Symbol("id") , Symbol() |
Infinity
und NaN
gehören zum Typ number
.
Infinity
: Eine Zahl, die größer als jede andere ist.NaN
(Not-a-Number): Ein spezieller Wert, der anzeigt, dass eine mathematische Operation fehlgeschlagen ist.- Beispiel:
Besondere Fälle: Anführungszeichen und Escape-Zeichen
Wenn Sie ein Zitat in eine String-Variable stellen möchten, gibt es das Problem mit den Anführungszeichen. Um dies zu lösen:
- Verwenden Sie das einfache Anführungszeichen für den String, wenn doppelte Anführungszeichen im Zitat enthalten sind.
- Alternativ können Sie das doppelte Anführungszeichen maskieren, indem Sie einen Backslash (
\
) davor setzen.
Beispiel: Maskieren von Anführungszeichen
Durch das Maskieren weiß der JavaScript-Interpreter, dass das Anführungszeichen Teil des Variablenwertes ist.
Weitere Escape-Sequenzen
JavaScript bietet zusätzliche Sonderzeichen, die Sie in Strings verwenden können:
Zeichen | Bedeutung |
---|---|
\n |
Neue Zeile |
\t |
Tabulator |
\f |
Seitenvorschub |
Unterschied zwischen var
, let
, und const
In JavaScript-Programmen sollten wir die Schlüsselwörter let
und const
bevorzugt verwenden. Der Unterschied liegt im Gültigkeitsbereich (Scope):
var
: Besitzt Funktions-Scope. Variablen, die mitvar
in einer Schleife deklariert werden, sind außerhalb der Schleife weiterhin sichtbar.let
: Besitzt Block-Scope. Variablen, die mitlet
deklariert werden, sind nur innerhalb des umschließenden Blocks sichtbar.const
: Besitzt ebenfalls Block-Scope, erlaubt aber keine Neuzuweisung des Werts.
Beispiel: Unterschied zwischen var
und let
Beispiel: Fehler mit const
in einer Schleife
Variablen, die in einer Schleife inkrementiert werden, dürfen nicht mit const
deklariert werden, da const
keine Neuzuweisung erlaubt.
Hinweise zur Verwendung
- Verwenden Sie
const
für Variablen, deren Wert sich nicht ändern soll. - Nutzen Sie
let
, wenn eine Variable während der Programmausführung einen neuen Wert erhalten soll. - Vermeiden Sie die Verwendung von
var
, da es zu unerwarteten Fehlern führen kann.
Ausgaben mit console.log
und document.write
In dieser und den folgenden Seiten verwenden wir console.log()
und document.write()
zur Ausgabe.
console.log
Primär für Debugging: Mit console.log()
können Sie Informationen in der Entwicklerkonsole des Browsers ausgeben.
Nicht sichtbar im Browser: Die Ausgabe erfolgt nur für Entwickler, nicht im sichtbaren Bereich der Webseite.
document.write
Direkte Ausgabe in die Webseite: Mit document.write
können Inhalte direkt in das HTML-Dokument geschrieben werden.
Für die Darstellung von Inhalten auf der Webseite kann man document.write()
nutzen, um "mal eben etwas für einen Test auszugeben". In der ernsthaften JavaScript-Programmierung gibt es jedoch sicherere und flexiblere Methoden zur Ausgabe von Inhalten auf dem Browser. Die gängigsten Alternativen basieren auf DOM-Manipulationen mit JavaScript (z. B. innerHTML
oder appendChild
) anstelle von document.write
. Dies sorgt für bessere Wartbarkeit und vermeidet grafische Probleme.