JavaScript-Variablen

Eines der wichtigsten Elemente einer Programmiersprache ist die Variable. JavaScript-Variablen erfüllen einen wichtigen Zweck. Sie speichern darin verschiedene Werte für die Dauer der Skriptausführung, sodass Sie an einer anderen Stelle des Skripts wieder darauf zugreifen können. Betrachten Sie bitte das folgende Skript:

Listing 9.3 Dieses Skript möchte Ihren Namen wissen

<script language="javascript" type="text/javascript">
<!--
var Name;
Name = prompt("Geben Sie Ihren Namen ein:");
alert("Ihr Name lautet: "+Name);
// -->
</script>

Geben Sie Ihren Namen ein:

auf dem Bildschirm dar. Darunter in einem Textfeld blinkt eine Einfügemarke. Der Benutzer kann nun seinen Namen eingeben. Nach einem Druck auf die Return-Taste wird ein Dialogfeld mit dem Text

Ihr Name lautet:

gefolgt von der Eingabe des Anwenders angezeigt. Aus der Sicht des Anwenders betrachtet ist dieses Skript sehr einfach. Der Benutzer gibt etwas ein, und der Computer wiederholt die Eingabe anschließend. Doch welche Bedeutung haben die Skriptzeilen? Lassen Sie uns mit der ersten Anweisung beginnen:

var Name;

Mit der JavaScript-Anweisung var teilen Sie dem Browser mit, dass Sie eine Variable erzeugen möchten. Sie geben die Bezeichnung, die die Variable erhalten soll, hinter dem Schlüsselwort var an. Der Browser wird somit angewiesen, eine Variable mit der Bezeichnung Name zu erstellen. Wenn Sie sich den Arbeitsspeicher Ihres Computers als einen großen Schrank mit vielen Schubladen vorstellen, hat der Browser nun eine dieser Schubladen mit einem Etikett beschriftet, auf dem Name steht.

Wenn Sie später in Ihrem Skript den Browser anweisen, bestimmte Daten in der Variablen Name abzulegen, prüft der Browser, ob eine »Schublade« mit dieser Beschriftung vorhanden ist. War die Suche erfolgreich, öffnet er die »Schublade« und legt die gewünschten Daten darin ab. Die Zeile

Name = "Peter Mustermann"

weist der Variablen Name beispielsweise die Zeichenfolge Peter Mustermann zu. Sie können den Namen der Variablen daraufhin an jeder Stelle Ihres Skripts als Platzhalter für die Daten verwenden, die darin gespeichert sind.

Wenn Sie den Computer also mithilfe eines Skripts anweisen, Text vom Anwender entgegenzunehmen (den Namen) und diesen in der Variablen Name zu speichern, sucht der Computer die entsprechende Schublade, öffnet diese, legt die Buchstaben, aus denen der Text besteht, in der richtigen Reihenfolge in ihr ab und schließt sie wieder. Was Variablen sind, wissen Sie nun. Dass der Variablen Name mit der Zeile

Name = prompt("Geben Sie Ihren Namen ein:");

ein bestimmter Wert zugewiesen wird, wissen Sie ebenfalls. Doch welcher Wert ist nun in der Variablen gespeichert, etwa die Zeichenfolge prompt("Geben Sie Ihren Namen ein:")? Nein, denn prompt bezeichnet eine JavaScript-Funktion.

JavaScript-Funktionen

Eine Funktion ist ein eigenständiger, benannter Programmabschnitt. Die Ausführung der Anweisungen (Befehle), die in diesem Abschnitt enthalten sind, kann über den Namen der Funktion initiiert werden.

Die Funktion prompt ist eine interne JavaScript-Funktion, weshalb Sie ihren Programmcode nicht einsehen können. Wenn der Browser den Funktionsnamen in einem Skript entdeckt, sucht er die Funktion in seiner internen Funktionsbibliothek und führt die darin enthaltenen Anweisungen aus. Er stellt somit ein Eingabedialogfeld auf dem Bildschirm dar. Der Text, den Sie hinter dem Funktionsnamen in Klammern angeben, wird im Dialogfeld angezeigt. Sie können dem Benutzer auf diese Weise mitteilen, welche Eingabe Sie erwarten. Der Browser wartet nun darauf, dass der Benutzer etwas eingibt, wie in Abbildung 9.5 dargestellt.

Sobald der Anwender die Return-Taste drückt oder die Schaltfläche OK betätigt, wird dessen Eingabe an das Skript zurückgegeben, das die prompt-Funktion aufgerufen hat. In unserem Beispiel geschieht dies in der Zeile:

Name = prompt("Geben Sie Ihren Namen ein:");

Die Eingabe des Anwenders ersetzt dann gewissermaßen den Funktionsaufruf. Hätte der Anwender z.B. den Namen Peter Mustermann eingegeben, würde der Browser die Zeile wie folgt verarbeiten:

Name = "Peter Mustermann";

Der Variablen Name würde somit der Wert Peter Mustermann zugewiesen. Das Listing 9.3 verwendet die Variable außerdem in der letzten Zeile, um ihren Inhalt in einem Dialogfeld auszugeben. Auch hier gilt, dass der Variablenname gewissermaßen durch den Inhalt ersetzt wird. Die Zeile

alert("Ihr Name lautet: " + Name);

würde somit vom Browser wie folgt verarbeitet:

alert("Ihr Name lautet: " + "Peter Mustermann");

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.