[ index ]            JavaScript - Aufbau eines Programms << JavaScript - Das Variablenkonzept >> JavaScript - Wertzuweisungen

3.c  JavaScript - Das Variablenkonzept

Eines der wesentlichen Konzepte (imperativer) Programmiersprachen stellen die Variablen dar.
Unter einer Variable kann man sich eine Schachtel vorstellen, die mit dem Namen der Variable beschriftet ist.

Der Name ist deshalb nötig, damit bei Verwendung mehrerer Variablen (Schachteln) die richtige wiedergefunden werden kann.
In JavaScript kann man so eine Schachtel mit dem Schlüsselwort var erzeugen. (Ein Schlüsselwort hat für die Programmiersprache eine besondere, eindeutige Bedeutung. Solche Wörter hat sich die Sprache sozusagen für sich selbst reserviert.)

var emma_1;

Nach dem Schlüsselwort var, das die Schachtel erzeugt (d.h. im Computer einen bestimmten Speicherplatz reserviert), muss der Name der Variable angegeben werden, im Beispiel emma_1. Dieser Variablenname darf eine beliebige Buchstaben-Ziffern-Sonderzeichen-Kombination ohne Leerzeichen sein, die allerdings mit einem Buchstaben beginnen muss (man nennt dies einen Bezeichner). Nicht alle Sonderzeichen sind dabei zugelassen.

Diese Schachtel ist nun in der Lage, sich eine Information beliebig lange zu merken. Anschaulich kann man sich das so verstellen, dass man einen beschrifteten Zettel in die Schachtel legt, auf dem diese Information steht:

In JavaScript erreicht man dies durch eine sogenannte Zuweisung:

emma_1 = 12.5;

Wenn man später diese Information (im Beispiel die Zahl 12,5) wieder benötigt, so kann man sie sich aus der Schachtel zurückholen. Dazu dient der Name der Variable. Z.B. bewitrkt die Anweisung

document.write(emma_1);

die Bildschirmausgabe 12.5.

Die Zuweisung emma_1 = 12.5; bewirkt aber noch eine zweite Sache: Je nachdem, was auf dem Zettel stand, eine Zahl, ein Text oder ein sogenannter Wahrheitswert, wird die Schachtel einer dieser drei Kategorien zugeordnet. Von jetzt an ist die Schachtel emma_1 sozusagen eine Zahl-Schachtel. (Bildlich kann man dies durch das Färben der zunächst grauen Schachtel veranschaulichen - sie ist jetzt blau, wenn blau für "Zahlschachtel" steht.)
In der Fachsprache: Die in die Schachtel gelegte Information heißt allgemein ein Datum (plural: Daten). In JavaScript gibt es (zunächst) drei verschiedene Arten von Daten: Zahlen, Texte und Wahrheitswerte. Man spricht von den drei Datentypen Zahl, String und Boolean.

Soll aus emma_1 eine "String-Schachtel" werden, so muss ein Zettel hineingelegt werden, auf dem Text steht. Text wird durch Anführungszeichen kenntlich gemacht:

emma_1 = "Hallo 9b!";

Die Variable emma_1 ist jetzt vom Datentyp String:

Die Anweisung document.write(emma_1); bewirkt nun die Bildschirmausgabe Hallo 9b!.

Aufgabe: Um zu verstehen, welche Bedeutung diese Trennung in verschiedene Datentypen hat, gib das folgende Programm ein, führe es aus und analysiere es anschließend:

<HTML>
<script language="JavaScript">
  var x1, x2, x3, x4, erg1, erg2;
  x1 = 3;
  x2 = 5;
  x3 = "3";
  x4 = "5";
  erg1 = x1 + x2;
  erg2 = x3 + x4;
  document.write(erg1);
  document.write("<br>");
  document.write(erg2);
</script>
</HTML>