Variablen in JavaScript

In JavaScript können Variablen erstellt und genutzt werden (wie in jeder anderen Programmiersprache auch). Im Folgenden Beispielen mag es nicht direkt einleuchtend sein, warum nun z.B. der Name in eine Variable gepackt wird und dann ausgegeben, wenn man den Namen ja auch sofort ausgeben könnte. Diese Beispiel dienen zum zeigen von der Nutzung. Später können in diesen Variablen beliebige Inhalte sein, z.B. wechselnde Uhrzeiten, wo das erstellte JavaScript-Programm dann je nach Uhrzeit andere Aktionen macht.

Um eine Variable zu setzten, wird ein Variablenname vergeben. Dieser kann (fast) beliebig sein. Es gibt ein paar Ausnahmen – das ist aber für den Anfang nicht so wichtig.

Es wird begonnen mit „var“ und dann dem Variablennamen und der Zuweisung des Inhalts (dazwischen ein Gleichzeichen).

In der Ausgabe wird nun anstatt des Textes der Variablenname angegeben (ohne Anführungszeichen!)

<script type="text/javascript">
var inhalt = 'Hallo Welt';
document.write( inhalt );
</script>

Es ist auch möglich das „var“ wegzulassen – allerdings erzeugen wir dann eine Globale Variable, die im Einsatz von Funktionen so ihre Tücken haben kann. Zu diesem Thema bei den Funktionen später mehr. Also hier vorsichtig sein! Im Ergebnis ist folgendes JavaScript-Programm dasselbe.

<script type="text/javascript">
inhalt = 'Hallo Welt';
document.write( inhalt );
</script>

Es ist kein guter Stil, globale Variablen zu setzen, wenn diese nicht wirklich global benötigt werden.

Groß- und Kleinschreibung Variablennamen in JavaScript

Eine andere Gefahr bei Variablen ist die Schreibweise der Variablennamen. Diese sind „casesensitiv“ – sprich die Variable mit den Namen „eigenevariable“ ist eine andere als „eigeneVariable“

Im Beispiel verdeutlicht das die Ausgabe:

var eigenevariable = "Hallo";
var eigeneVariable = "Welt";
alert (eigenevariable);

Daher hier extrem vorsichtig sein – geschickt ist, wenn der Texteditor bereits benutzte Variablen vorschlägt, die man einfach übernimmt. Weniger Tippfehler – mehr Spaß in JavaScript.

vorheriges Kapitel: JavaScript kommentieren

nächstes Kapitel: Funktionen in JavaScript