Variablen und Arrays

Variablen und Parameter

Variablen

Grundsätzlich wird zwischen numerischen Variablen und Variablen für Zeichenketten unterschieden: 
var Ausgabe = "Der Sinn des Lebens: ";
Der Befehl var deklariert die Variable 'Ausgabe', der mittels des Operators '=' die Zeichenkette "Der Sinn des Lebens: " zugeordnet wird. Ein Semikolon kennzeichnet das Ende des Befehls. 
var UnsinnDesLebens = 21;
Der Befehl var deklariert die Variable 'UnsinnDesLebens', der mittels des Operators '=' der (numerische Wert) 21 zugeordnet wird. Ein Semikolon kennzeichnet das Ende des Befehls. Werte können so zwischengespeichert, verarbeitet oder ausgegeben werden. Rechenoperationen mit Variablen sind möglich: 
var Ausgabe = "Der Sinn des Lebens: ";
var UnsinnDesLebens = 21;
var SinnDesLebens = UnsinnDesLebens * 2;
alert(Ausgabe+SinnDesLebens);

Parameter

Parameter werden in der Regel ähnlich genutzt wie Variablen und werden deshalb schnell mit ihnen verwechselt. Parameter können als Argument(e) in Funktionen übergeben werden und sind nur dort gültig. Das heißt, im Gegensatz zu Variablen haben sie keine eigene Definition, sondern speichern nur einen Wert, der ihnen mitgegeben wird. Der zu übergebende Wert steht in der Klammer des Funktionsaufrufes und muss einen Entsprechung in der Klammer der eigentlichen Funktion haben. Die Namen der Parameter können frei gewählt werden.

1. Beispiel:

    <head>
        <meta charset="UTF-8">
        <title>Beispiel 5</title>
        <script type="text/javascript">
			var SinnDesLebens;
			
            function Sinn(Parameter) {
                SinnDesLebens = Parameter * 2;
                alert("Ausgabe: " + SinnDesLebens);
            }

        </script>
    </head>
    <body>
        <img alt="ein Bild" src="img/Rechnen.jpg" onclick="Sinn(21)">
    </body>

Der Funktionsaufruf enthält den Wert 21, der in der Funktion übergeben wird. Innerhalb der Funktion wird er als Argument "Parameter" weiterverwendet. Dabei hat er nach wie vor den Wert 21 und kann nur innerhalb dieser einen Funktion verwendet werden. Die Variable SinnDesLebens dagegen ist außerhalb der Funktion (global) definiert und könnte auch in jeder anderen Funktion verwendet werden.

Variablen und Bedingungen (Beispiel Quadratwurzel)

Quellcode

<!DOCTYPE html>
<html>
	<head>
		<title>Titel der Seite</title>

		<script type="text/javascript">
			function quadrat( zahl ){
				if(zahl<1000){
					var square=zahl*zahl;
					alert("Das Quadrat der von Ihnen gewaehlten Zahl ("+zahl+") ist "+square+"!");
				} else {
					alert("Die von Ihnen gewaehlte Zahl war zu gross!");
				}
			}

			function eingabe(){
				var meineZahl = prompt("Geben Sie eine Zahl ein!");
				quadrat(meineZahl);
			}
		</script>
	</head>

	<body>
		<input type="button" value="Click me!" onclick="eingabe()">
	</body>
</html>

JavaScript: function eingabe()

Die Funktion eingabe()definiert zunächst eine Variable (var meineZahl) und initialisiert diese mit einer Eingabe des Benutzers (über das schon bekannte Dialogfenster prompt()). Nachdem der Benutzer also seine Zahl eingegeben hat, steht sie in der Variable meineZahl zur Verfügung. In der zweiten Zeile wird diese Variable dann der Funktion (function) quadrat(zahl)übergeben, indem sie zwischen die Klammern geschrieben wird. An diesem Punkt der Funktion eingabe() wird die Funktion quadrat(zahl)aufgerufen.

JavaScript: function quadrat(zahl);

Als erstes erwartet die Funktion quadrat(zahl)ein Argument (den Wert einer Variablen). Dieser Wert ist genau der, der zuvor in der Funktion eingabe() übergeben wurde. In der ersten Zeile prüft die Funktion zunächst, ob der eingegebene Wert kleiner ist als 1000. Wenn die Bedingung erfüllt ist, wird der if-Block abgearbeitet. Ist die Zahl größer als 1000, springt die Funktion direkt in den else-Block und schickt eine Meldung an den Benutzer, das die Eingabe ungültig war. Im if-Block wird die eigentliche Berechnung durchgeführt, indem eine neue Variable (square) mit dem Ergebnis der Berechnung zahl*zahl initialisiert wird. Wurde also bei der Eingabe z.B. die Zahl 15 eingegeben, stände an dieser Stelle: Der Wert der Variable square wäre in diesem Fall 255. In der zweiten Zeile des if-Blocks wird das Ergebnis schließlich in einem alert()-Dialog ausgegeben. Zu beachten ist hier, das die Variablen vom Rest der Zeichenkette durch "+variable+" getrennt werden müssen.

Hinweis

In JavaScript gibt es nicht die Möglichkeit, eine Variable mit einem festen Datentyp wie integer oder string zu initialisieren. Daher ist es bei der vorliegenden Funktion auch möglich, ein normales Wort einzugeben und es berechnen zu lassen. Bei weiter entwickelten Scripts werden die Werte der Variablen zur Sicherheit überprüft.

Arrays

Arrays sind „Behälter“ für Ketten gleichartiger Variablen.

Beispiel

var Fibonacci = [0,1,1,2,3,5,8,13];
var Beatles = ["John", "Paul", "George", "Ringo"];

alert(Fibonacci[3]);
alert(Beatles[0]);

In Zeile 1 wird das Array Fibonacci deklariert mittels der Operatoren = und new. In das Array werden die (numerischen) Werte 0, 1, 1, 2, 3, 5, 8 und 13 in dieser Reihenfolge geschrieben.

In Zeile 2 wird das Array Beatles deklariert mittels der Operatoren = und new. In das Array werden die Zeichenketten „John“, „Paul“, „George“ und „Ringo“ geschrieben.Die Zählung der Position innerhalb eines Arrays beginnt bei Javascript bei 0.

In Zeile 4 wird also der 4. gesicherte Wert ausgegeben. Die Positon innerhalb des Arrays wird mittels eckiger Klammern bestimmt. Ausgabe hier: 2

In Zeile 5 wird der erste gesicherte Wert ausgegeben. Ausgabe hier: John