JavaScript
JavaScript ist eine Skriptsprache, die unter dem Namen ECMAScript unter ECMA-262 standardisiert wurde. Die Syntax der Sprache ist ähnlich derjenigen von Java, doch unterscheidet sie sich in der Semantik. JavaScript wurde mit der Intention entwickelt statische HTML-Seiten dynamisch zu gestalten. Im Gegensatz zu serverseitigen Scriptsprachen wie z.B. Perl oder PHP wird JavaScript auf dem Client ausgeführt. Mittels einer Schnittstelle zum Document Object Model (DOM) können Elemente der Webseite manipuliert werden, nachdem diese zum Client übertragen wurde.
Datenstrukturen und Objekte
Eine wichtige Datenstruktur in JavaScript ist das assoziative Array, das in anderen Programmiersprachen "Dictionary" (Smalltalk), "Hash" (Perl) oder "HashMap" (Java) genannt wird.
JavaScript kennt mehrere Arten von eingebauten Objekten wie z.B. Object, Screen, Array, String, Date and Math. Andere Objekte gehören zum DOM (window, form, links etc.).
Eigenschaften oder Methoden von Objekten werden über folgende Notation angesprochen: variable.feldname
bzw. variable.methodenname
.
Eine Übersicht der wichtigsten Eigenschaften und Methoden der einzelnen Objekte:
Screen Objekt
screen.width // Bildschirmbreite zurückgeben
screen.height // Bildschirmhöhe zurückgeben
Array
arrayname = new Array(1,2,3,4,5,6) //neues Array anlegen
arrayname.length //Anzahl der Elemente zurückgeben
arrayname.concat(anderesArray) //zwei Arrays verbinden
arrayname.join() //Array in Zeichenkette umwandeln
arrayname.pop() //letztes Element aus Array löschen
arrayname.push(neuer Wert) //ein neues Element an das Ende des Array anhängen
arrayname.reverse() //Reihenfolge der Elemente umkehren
String
...Date
dateobjekt = new Date() //neues Date Objekt erzeugen
Math
Math.max(zahl1,zahl2) //die größere der beiden Zahlen zurückgeben
Math.min(zahl1,zahl2) //die kleiner der beiden Zahlen zurückgeben
Math.pow(Basiszahl,Exponent) //Ergebnis der Exponentialrechnung zurückgeben
Math.random() //Eine Zufallszahl zwischen 0 und 1 zurückgeben
Window Objekt
window.resizeTo(neueWeite,neueHöhe); // Fenstergröße einstellen
window.back(); // vorhergehende Seite anzeigen
window.open("dateiname.htm","Fenstername"); // neues Browserfenster öffnen
Eigene Objekte kann man mit Hilfe einer Konstruktorfunktion erzeugen. JavaScript ist prototypenbasiert. Weiter können auch Eigenschaften oder Methoden zu einzelnen Objekten zur Laufzeit hinzugefügt werden. Wenn man das für alle gleichartigen Objekte tun will, dann ist die "prototype"-Anweisung zu verwenden.Kontrollstrukturen
If ... else
if (Bedingung) {
Anweisungen;
}
else {
Anweisungen;
}
While-Schleife
while (Bedingung) {
Anweisungen;
}
Do ... while
do {
Anweisungen;
} while (Bedingung);
For-Schleife
for ([Startausdruck]; [Bedingung]; [Inkrementier-Ausdruck]) {
statements
}
For ... in-Schleife
Mit dieser Anweisung werden alle Eigenschaften eines Objektes durchlaufen (oder auch alle Elemente eines Feldes). for (variable in object) {
statement
}
Switch-Ausdruck
switch (Ausdruck) {
case marke1 :
Anweisungen;
break;
case marke2 :
Anweisungen;
break;
default :
Anweisungen;
}
Funktionen
Eine Funktion ist ein Block mit einer Liste (ev. auch leer) von Parametern, dem ein Name zugewiesen wird. Eine Funktion kann einen Resultatwert zurückgeben. function meineFunktion(param1, param2, param3) {
Anweisungen;
return Ausdruck;
}
Beispiel: Der ursprüngliche Algorithmus von Euklid zur Ermittlung des größten gemeinsamen Teilers: Es ist eine geometrische Lösung; die kleinere Strecke wird jeweils von der größeren abgezogen.
function gcd(a, b) { while (a != b) { if (a > b) { a = a - b; } else { b = b - a; } } return a; }Die Anzahl der Parameter beim Aufruf muss nicht zwingend mit der Anzahl der Parameter in der Funktionsdefinition übereinstimmen. Wenn beim Aufruf weniger Parameter angegeben werden, dann wird für die übrigen Parameter einfach der Wert NULL (stimmt das?) eingesetzt. Weiter kann innerhalb der Funktion auch über das
arguments
-Array auf die Parameter zugegriffen werden.
Eigene Objekte
In JavaScript ist es auch möglich, objektorientiert zu programmieren. Objekte werden wie normale Funktionen definiert, nur werden diese mit new
aufgerufen:function MyObject() {
}
// Erstellt ein neues Objekt
var obj = new MyObject();
Um nun Variablen und Funktionen im Objekt zu speichern müssen diese in der this
Variable gespeichert werden:function MyObject() {
this.counter = 0;
this.next = function (){ return this.counter++; }
this.getValue() = function () { return this.counter; }
}
Benutzerinteraktion
Meist erfolgt die Benutzerinteraktion über HTML-Formulare, auf deren Elemente man über das DOM zugreift.
Es gibt jedoch auch einige einfache Arten, direkt mit dem Benutzer zu kommunizieren:
Alarm-Dialog
Gibt ein Fenster mit einer Textmeldung aus.
Beispiel:
window.alert('Hallo Welt');
Eingabeaufforderung
Es wird ein Dialog zur Informationseingabe angezeigt.
Beispiel:
var eingabe = prompt("Geben Sie einen Text ein","");
andere Interaktionsmöglichkeiten
Fehlerbehandlung
Die neueren Versionen von ECMAScript (wie im Internet Explorer 5 und Netscape Navigator 6) verfügen über eine try ... catch Fehlerbehandlungsanweisung.
Die try ... catch ... finally
Anweisung fängt Ausnahmen (exceptions), die aufgrund eines Fehlers oder einer throw-Anweisung auftreten, ab. Die Syntax ist wie folgt:
try { // Anweisungen, in denen Ausnahmen auftreten oder ausgelöst werden können } catch(error) { // Anweisungsfolge, die im Ausnahmefall ausgeführt wird. } finally { // Anweisungsfolge, die anschließend in jedem Fall ausgeführt wird. }Zu Beginn werden die Anweisungen im try-Block ausgeführt. Falls eine Ausnahme auftritt, wird der Kontrollfluss sofort zum catch-Block mit dem Ausnahmeobjekt als Parameter umgeleitet.
In Normalfall wird der Ausnahmeblock übersprungen. Nach der Ausführung des try-Blocks (auch teilweise) und ggf. auch des catch-Blocks werden in jedem Fall auch die Anweisungen im finally-Block ausgeführt.
try { Anweisungen } catch (err) { // Fehlerbehandlung } finally { Anweisungen }Der finally-Teil kann weggelassen werden
try { Anweisungen } catch (err) { // Fehlerbehandlung }
Siehe auch
Literatur
- Tobias Hauser: JavaScript Kompendium - Interaktives und dynamisches Webpublishing, Markt und Technik, ISBN 3-8272-6465-0
- David Flanagan: JavaScript - das umfassende Referenzwerk, O'Reilly, ISBN 3-89721-330-3
- Danny Goodman: JavaScript, eine Sprache für alles., MITP-Verlag, ISBN 3-8266-0914-X
- Ralph Steyer: JavaScript in 21 Tagen - Scripte einbinden und programmieren., Markt und Technik, ISBN 3-8272-6508-8
- Stefan Münz, Wolfgang Nefzger: JavaScript Referenz, Franzis, ISBN 3-7723-6520-5
- Jan Winkler: JavaScript, Franzis, ISBN 3-7723-6007-6
- Stefan Mintert, Christine Kühnel: Workshop JavaScript, Addison-Wesley, ISBN 3-8273-1718-5, Vollständige Online-Fassung des Buches
- Stefan Koch: JavaScript - Einführung, Programmierung, Referenz, dpunkt Verlag, ISBN 3-89864-111-2
- Heather Williamson: Dynamic HTML browserübergreifend - HTML, CSS, DOM, JavaScript und JScript, Galileo Press, ISBN 3-934358-29-2
- Mark Lubkowitz: Webseiten programmieren und gestalten - HTML, CSS, JavaScript, PHP, Perl, MySQL, SVG, Galileo Press, ISBN 3-89842-313-1
- Christian Wenz: JavaScript Handbuch, Galileo Press, ISBN 3-89842-366-2
- Christian Wenz: JavaScript-Rezepte, Galileo Press, ISBN 3-89842-149-X
Weblinks
- Gutes Tutorial für Einsteiger
- JavaScript-Workshop - Lehrbuch zum Einstieg in JavaScript
- Homepage zur Newsgruppe de.comp.lang.javascript
- SELFHTML: Javascript
- Didaktisch gut gemachter Kurs für JavaScript
- Technik, Grundlagen und Praxis
- Ausführliche Erläuterungen - plattformübergreifende Fallbeispiele; Programmtext darf frei verwendet werden. (englisch)
- ECMAScript-Sprachspezifikation (englisch)
- Forum
- JavaScript-Chronologie
- Kostenlose JavaScripts
- Kooperation mit ...