Kurs: JavaScript

2.4.1 Deklaration und Initialisierung von Variablen

Eine Variable hat zunächst ihren Namen und den Wert, den man ihr beim ersten Mal zuweist. Bei der Festlegung dieser beiden Informationen sind immer die Begriffe Deklaration und Initialisierung von Bedeutung. Deshalb sollen diese zuerst erläutert werden:

Die Deklaration bezeichnet die Vereinbarung eines Namens für einen Speicherplatz des Rechners. Der Programmierer teilt also dem Rechner mit, dass er in seinem Programm eine Variable benötigt und wie er sie nennen will. In JavaScript benutzt man dazu die Anweisung var in der folgenden Art und Weise: 

var summe;

Ab jetzt gibt es eine Variable summe, in die man etwas hineinschreiben kann bzw. deren Wert man wieder auslesen kann. Das Semikolon steht in JavaScript für das Ende einer Anweisung. Die Deklaration ist mit der Angabe eines Namens für die Variable vollständig und wird deshalb mit dem Semikolon abgeschlossen. Das Semikolon wird nicht nur bei der Variablendeklaration verwendet, sondern steht grundsätzlich nach jeder Anweisung.

Jetzt gibt es die Variable also. Allerdings hilft einem Programmierer eine Variable ohne Wert noch nicht weiter. Er muss ihr also einen Wert zuweisen. Dies geschieht mit Hilfe des sogenannten Zuweisungsoperators, dem einfachen Gleichzeichen "=". Der Vorgang des Zuweisens sieht demnach folgendermaßen aus: 

summe = 10;

Nun steht in unserem Skript eine Variable mit dem Namen "summe" zur Verfügung, die den Wert 10 besitzt. Wichtig ist hier vor allem, dass der Name der Variable immer auf der linken Seite stehen muss, ihr Wert auf der rechten Seite.

Um das beschriebene kleine Programm zu schreiben, benötigen wir aber noch etwas anderes: Man kann einer Variablen auch das Ergebnis einer Rechenoperation zuweisen. Schauen Sie sich beispielsweise folgende Zuweisung an: 

summe = 10 + 10;

Hier wird zuerst das Ergebnis der Addition von 10 und 10 errechnet und das Ergebnis, also 20, der Variablen summe zugewiesen.

Der Begriff Initialisierung bezeichnet die erste Zuweisung eines Wertes an eine Variable. Der Begriff der Initialisierung ist besonders wichtig in seiner Verneinung: Die Verwendung des Wertes einer nicht initialisierten Variable in einem Programm, also einer Variable, die eigentlich noch gar keinen Wert hat, ist ein häufiger Programmfehler.

In JavaScript ist es möglich, auf die Deklaration einer Variablen zu verzichten. Der Interpreter erkennt dann bei der Initialisierung, dass Sie hier wohl eine Variable meinen. Sie erleichtern aber sowohl dem Interpreter, als auch sich selbst die Arbeit, wenn Sie durch die explizite Deklaration klarstellen, dass es sich bei "summe" tatsächlich um einen Variablennamen handelt.

Zur Verkürzung bietet JavaScript auch die Möglichkeit, dass man eine Variable direkt bei der Deklaration mit einem Wert initialisiert. Dazu fasst man lediglich die beiden obigen Anweisungen zusammen: 

var summe = 10 + 10;

Sobald eine Variable deklariert und initialisiert ist, können Sie den Namen der Variablen benutzen, wenn Sie ihren Wert verwenden wollen. Jedes Mal, wenn Sie den Namen im JavaScript-Code schreiben, ersetzt der Interpreter diesen automatisch durch den richtigen Wert.

Beispiel für Variablen: 
  <script type="text/javascript">
     
    var summe = 10 + 10; // in der Variablen summe
                         // steht jetzt 20
    document.write("Das Ergebnis lautet: " + summe);
    /*
     * hier wird der Wert der Variablen 'summe' von ihrem
     * Speicherplatz gelesen und dann auf den Bildschirm
     * geschrieben. Die genaue Verwendung von document.write()
     * lernen Sie in der nächsten Lerneinheit kennen.
     */
  </script>
Ansehen

Natürlich kann man in einem Programm auch mehrere Variablen deklarieren und benutzen:

Beispiel für Variablen: 
  <script type="text/javascript">
     
    var x = 10;
    var y = 20;
    var ergebnis = x + y; // in der Variablen ergebnis
                          // steht jetzt 30
    var rechnen = 2 * ergebnis; // in rechnen steht jetzt
                                // 2 * 30 also der Wert 60
    document.write("Das Ergebnis von 2*(10+20) lautet: " + rechnen);  
  </script>
Ansehen

Hinweis:
Im Namen von Variablen sind alle Buchstaben des Alphabets, alle Ziffern und der Unterstrich erlaubt, wobei der Name nicht mit einer Ziffer beginnen darf. Leerzeichen und sonstige Sonderzeichen sind in Variablennamen verboten und lösen Fehlermeldungen aus. Besondere Buchstaben wie Umlaute (ä, ö, ü), griechische oder chinesische Buchstaben etc. sind zwar nach der JavaScript-Sprachdefinition im Prinzip erlaubt, aber gelten nicht unbedingt als sehr guter Stil. Die Groß- oder Kleinschreibung in Variablennamen ist immer genau einzuhalten. Die Variable meinwert ist also nicht identisch mit MeinWert.

Variablen können nicht nur Zahlen als Werte besitzen. Möglich sind auch Buchstaben oder ganze Texte. Weil Texte aus vielen Zeichen hintereinander bestehen können, spricht man hier von Zeichenketten (engl. Strings).

Die Initialisierung einer Variablen mit einem String kann folgendermaßen aussehen: 

var Benutzername = "Bennie Müller";

Hierbei ist "Benutzername" der Name der Variablen und "Bennie Müller" der ihr zugewiesene Wert. Damit der Interpreter erkennt, dass es sich bei "Bennie Müller" um eine Zeichenkette handelt, dass also die Buchstaben in genau dieser Reihenfolge zusammenhängend gespeichert werden sollen, werden sie in Anführungszeichen eingeschlossen.

Buchstaben bzw. Zeichen oder Textstrings können mit dem +-Operator aneinandergehängt werden. Davon haben wir bereits in einigen Beispielen Gebrauch gemacht; ein weiteres Beispiel für diese Vorgehensweise sehen Sie im folgenden Skript:

Verknüpfen von Textstrings: 
  <script type="text/javascript">
         
    var Benutzer = "Bennie Müller";
    var Ausgabe = "Benutzername: " + Benutzer;
             
    document.write(Ausgabe);
    /*
     * hier wird der Wert der Variablen 'Ausgabe' von ihrem
     * Speicherplatz gelesen und dann auf den Bildschirm geschrieben.
     */ 
 
  </script>
Ansehen

Browserausgabe: 
Benutzername: Bennie Müller

In diesem Skript wird der Variablen Benutzer bei der Initialisierung der Textstring "Bennie Müller" als Wert zugewiesen. In der Variablen Ausgabe wird dann der String "Benutzername: " mit dem Inhalt der Variablen Benutzer verknüpft. Danach wird dies wie in unseren ersten Beispielen mittels document.write() an den Browser ausgegeben. Das erklärt dann auch die Zeile
document.write("Das Ergebnis lautet: " + summe);
aus dem ersten Beispiel. Hier wird an den String "Das Ergebnis lautet" die Variable summe angehängt und mit Hilfe von document.write() ausgegeben. Wie die Ausgabemöglichkeit mit document.write() im Einzelnen funktioniert, werden Sie im Verlauf der nächsten Lerneinheiten erfahren.

Übung 2.4:
Probieren Sie auch diese Beispiele aus. Ersetzen Sie den Benutzernamen im String-Beispiel durch Ihren eigenen und benutzen Sie statt einer Variablen zwei getrennte Variablen für Vor- und Nachnamen.