Variablen Und Operatoren
JavaScript besteht aus einer kontrollierten Anordnung von Anweisungen. Das sind Befehle, die der JavaScript-Interpreter des WWW-Browsers bewertet und in Maschinencode umsetzt, der auf dem Rechner des Anwenders ausführbar ist. Es gibt einfache und komplexere Anweisungen.
Zahl = 42;
Quadrat = Zahl * Zahl;
alert("Das Quadrat von " + Zahl + " = " + Quadrat);
Eine Anweisung in JavaScript besteht immer aus einem Befehl, der mit einem Strichpunkt ; abgeschlossen wird.
Eine Anweisung ist es zum Beispiel:
In Programmen werden in der Regel Daten manipuliert. Die Datentypen geben nun an welche Form die Daten haben dürfen und welche Operationen auf ihnen möglich sind.
Zahlen
Boolsche Daten
können nur zwei Werte an nehmen:
sie kommen bei Entscheidungsstrukturen innerhalb eines Programms zum Einsatz.
Strings
"Das ist eine Zeichenkette"
"Er sagte: \" Guten Tagg!\""
"Die neue Zeile \n beginnt hier."
Variablen sind wie in der Mathematik auch in JavaScript Behälter, die mit unterschiedlichen Werten gefüllt werden können. Um Variable zu benutzen muß man sich einen Namen für jede Variable ausdenken. Verwendern Sie jedoch unbedingt sprechende Variablenname. Das ist eine große Hilfe in komplexen Programmen.
Gesamtname = Nachname + "," + Vorname ist sehr viel besser zu verstehen als
ErgString = str2 + "," + str1
Nur so läßt sich ein komplexeres Script auch im nachhinein noch verstehen. Bei der Wahl der Namen hat man große Freiheiten, solange man ein paar Einschränkungen respektiert:
Sie müssen Variablennamen mit einem Buchstaben beginnen lassen und die Namen sollten nicht länger als 32 Zeichen werden. Weiterhin dürfen die Namen nur bestehen aus:
JavaScript ist case-sensitive, d.h. Sie müssen unbedingt auf Groß- und Kleinschreibung achten! Die Variable Vorname ist eine andere als vorname und die wiederum eine andere als vorName. Sie können alle drei für verschiedene Zwecke verwenden. Sollten sie aber nicht, wenn Sie den Überblick über Ihren Code behalten wollen.
Um die Lesbarkeit des Codes zu erhöhen und sich vor Fehlern zu schützen, sollten Variablen, wenn Sie sie das erste mal benutzen, immer mit var am Anfang definiert und mit einem Wert gefüllt werden.
var summand1 = 5;
Variable haben ganz bestimmte Gültigkeitsbereiche, je nachdem wo sie definiert werden (globale/lokale Variable). Dazu später mehr im Abschritt über Funktionen.
Operanden sind Elemente mit denen jeweils eine bestimmte Operation auf den Daten ausgeführt wird. Mit dem Gleichheitszeichen ist es zum Beispiel möglich einer Variablen einen Wert zuzuweisen: x = 5;
Wie bei den Datentypen gibt es auch hier verschiedene Arten von Operanden, von denen nicht jeder Operand auf jeden Datentyp angewendet werden kann.
Logikpoerandenen
finden ihre Anwendung bei boolschen Datentypen. Es gibt:
|
A |
B | UND
A&&B | ODER
A||B | NICHT
!A |
|---|---|---|---|---|
| false | false | false | false | true |
| false | true | false | true | true |
| true | false | false | true | false |
| true | true | true | true | false |
Vergleichsoperatoren
können bei verschiedenen Datentypen angewendet werden und vergleichen zwei Elemente miteinander. Das Ergebnis ist dabei aber immer ein boolscher Wert, also true oder false.
Arithmetische Operatoren
sind die Anweisungen, die aus der Mathematik bekannt sind.
var anzahl = 5;
var zahl1 = ++anzahl;
var zahl2 = anzahl++;
| Operator | Bedeutung | Langform | Kurzform |
|---|---|---|---|
| += | Addition | a = a+b | a += b |
| -= | Subtraktion | a = a-b | a -= b |
| *= | Multiplikation | a = a*b | a *= b |
| /= | Division | a = a/b | a /= b |
| %= | Modulo | a = a%b | a %= b |
Stringoperator
verknüpft Zeichenketten miteinander.
Zum Beispiel:
var name = "Java" + "Script"; ergibt "JavaScript". Aber auch:
var con = "123" + "456"; ergibt "123456", da hier die Ziffern als Strings behandelt werden.
var sum = 123 + 456; würde dagegen 579 ergeben.
In Zweifelsfällen geht JavaScript davon aus, daß es sich um einen String handelt:
var con = "123" + 456; ergibt auch "123456".
Als Beispiel 5 soll ein kleiner Rechner dienen, der DM Beträge in Euro errechnet und ausgibt.
Zunächst wird innerhalb des Script-Tags eine Funktion namens "errechneEuro(val)" erstellt. Diese Funktion fasst mehrere Programmbefehle in der folgenden Klammer {...} zusammen. (Zu dem was Funktionen genau sind, werden wir später noch kommen.)
Innerhalb dieser Funktion wir zuerst eine Variable mit dem Schlüsselwort "var" und einem frei erfundenen Namen (hier: "euro") definiert.
Gleichzeitig wird dieser Variablen ein Wert zugewiesen, der sich aus einer Rechnung ergibt. Das Gleichheitszeichen belegt die Variable mit einem Wert. Das Gleichheitszeichen unterstellt nicht - wie in der Mathematik - das die beiden Seiten schon vorher den gleichen Wert hätten.
Die Rechnung ist eine einfache Multiplikation einer weiteren Variablen ("val") mit einem statischen Wert. Letzterer ist eine Kommazahl. Dabei ist zu beachten, daß bei JavaScript unbedingt ein Punkt verwendet werden muß.
Im zweiten Teil wird ebenfalls eine Variable namens "text" angelegt und mit Inhalt gefüllt. Der Inhalt besteht diesmal aus Strings (das sind einfache Zeichenketten, die in Anführungsstriche gesetzt werden müssen, um sie deutlich vom Programmcode bzw. Zahlen abzusetzen) und Variablen. Zeichenketten können in JavaScript mit einem Pluszeichen zusammengefügt werden. Achten Sie dabei auf die Leerzeichen bei der Textausgabe!
Zum Schluß der Funktion erfolgt die Ausgabe über eine Alertbox.
Aufgerufen und abgespielt wird die Funktion durch einen Formularbutton (onclick-Anweisung, auch dazu später mehr).
Lösung : Sowohl zahl1 als auch zahl2 haben als Inhalt eine 6.