JavaScript

Eigenschaften oder Methoden von Objekten werden über folgende Notation angesprochen:

objektname.eigenschaftsname

objektname.methodenname()

objekt.eigenschaftA = 1;

window.alert(objekt["eigenschaftA"]);

for (var eigenschaftsname in objekt) {
    window.alert("objekt." + i + " = " + objekt[i]);
}

Object

Array

String

Während die Kurzschreibweise "Hallo" ein einfacher Wert (primitive value) des Typs String angelegt wird, entsteht bei new String("Hallo") ein Objekt des Typs Object. Dies ist in den meisten Fällen unwesentlich. Im Falle der objektunabhängigen Funktion eval(), die einen String-Wert entgegennimmt und diesen als JavaScript-Ausdruck interpretiert, zeigt sich jedoch der feine Unterschied:

Date

Math

Kontrollstrukturen

If ... else (Bedingte Anweisung)

if (Bedingung) {
    Anweisungen;
} else {
    Anweisungen;
}

If ... else if ... else

In JavaScript gibt es im Gegensatz zu anderen Programmiersprachen keine Kontrollstruktur if ... elseif .... An dessen Stelle kann man zwei if-Anweisungen verwenden, von denen die erste die zweite in ihrem else-Teil enthält:

if (Bedingung) {
    Anweisungen;
} else
    if (Bedingung) {
        Anweisungen;
    } else {
        Anweisungen;
    }

Switch-Kontrollstruktur

switch (Ausdruck) {
    case marke1 :
        Anweisungen;
        break;
    case marke2 :
        Anweisungen;
        break;
    default :
        Anweisungen;
}

While-Schleife

while (Bedingung) {
    Anweisungen;
}

Do-while-Schleife

do {
    Anweisungen;
} while (Bedingung);

For-Schleife

for ([Startausdruck]; [Bedingung]; [Inkrementier-Ausdruck]) {
    Anweisungen;
}

For ... in-Schleife

for (eigenschaftsname in objekt) {
    Anweisungen;
}

Funktionen

function meineFunktion (Parameter1, Parameter2, Parameter3) {
    Anweisungen;
    return Ausdruck;
}

var Addieren = function (zahl1, zahl2) {
    return zahl1 + zahl2;
};

var Addieren = new Function("zahl1", "zahl2", "return zahl1 + zahl2;");

function gcd (a, b) {
    while (a != b) {
        if (a > b) {
            a = a - b;
        } else {
           b = b - a;
        }
    }
    return a;
}

Konstruktor-Funktionen

function meinObjekt () {
    this.zahl = 1;
}

var objekt = new meinObjekt();

window.alert(objekt.zahl);

Private Eigenschaften

function meinObjekt () {
    var number = 1;
    this.getNumber = function () {
        return zahl1;
    };
    this.getNextNumber = function () {
        return ++zahl1;
    };
}

var objekt = new meinObjekt();

window.alert(objekt.number);

window.alert(objekt.getNumber());

window.alert(objekt.getNextNumber());

Funktionales Programmieren

Die Lambda-Notation des Lambda-Kalküls wird so geschrieben:

function (x) { return x*x + 2*x + 10; }

Array.prototype.fold = function (functor) {
    var result = 0;
    for (var i = 0; i < this.length; i++) {
        result = functor(result, this[i]);
    }
    return result;
}
var array = new Array(21,33,17,12);
var addition = function (a, b) { return a + b; };
var sum = array.fold(addition);

function add (a, b) {
    if (arguments.length < 1)
        return add;
    if (arguments.length < 2) {
        return function (c) { return a + c; };
    } else {
        return a + b;
    }
}

Vererbung (prototype-Eigenschaft)

Jedes Function-Objekt verfügt über eine prototype-Eigenschaft. Diese ist von besonderer Bedeutung, wenn die Funktion genutzt wird, um neue Objekte zu initialisieren (siehe Konstruktor). Die prototype-Eigenschaft definiert in diesem Falle gemeinsame Eigenschaften aller Objekte, die mit dem Konstruktor erstellt werden. Man spricht von Prototyp-basierter Vererbung. Auf diese Weise ermöglicht JavaScript mehrstufige Vererbung:

Konstruktor eines Prototyps erstellen:

function Kraftfahrzeug (Fabrikat) {
   this.Fabrikat = Fabrikat;
   this.Beispieleigenschaft = "Beispielwert";
}

function PKW (Fabrikat) {
   this.constructor(Fabrikat);
   this.weitereEigenschaft = "Beispielwert";
}
PKW.prototype = new Kraftfahrzeug();

Instanz des Prototyps PKW erstellen:

var Golf = new PKW("Volkswagen Golf");
var Ente = new PKW("Citroen 2CV");

PKW.prototype.Radanzahl = 4;
PKW.prototype.zeigeRadanzahl = function () {
   window.alert(this.Name + " hat " + this.Radanzahl + " Räder.");
};
Golf.zeigeRadanzahl(); // Ausgabe: Volkswagen Golf hat 4 Räder.
Ente.zeigeRadanzahl(); // Ausgabe: Citroen 2CV hat 4 Räder.

Benutzerinteraktion

Alarm-Dialog

window.alert("Hallo Welt");

Bestätigungsdialog

var bestaetigt = window.confirm("Bitte bestätigen");

Eingabeaufforderung

var eingabe = window.prompt("Bitte geben Sie einen Text ein:", "");

Statusleiste

window.status = "Hallo Welt.";

Fehlerbehandlung

Die Anweisung try ... catch ... finally 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.
    // In diesem Teil kann die Fehlerbehandlung erfolgen.
} finally {
    // Anweisungsfolge, die anschließend in jedem Fall ausgeführt wird.
}

Im Normalfall wird der Ausnahmeblock übersprungen. Nach der Ausführung des try-Blocks (auch teilweise) und gegebenenfalls des catch-Blocks werden in jedem Fall die Anweisungen im finally-Block ausgeführt.

Der finally-Teil kann weggelassen werden, alternativ der catch-Teil:

try {
    // Anweisungen, in denen Ausnahmen auftreten können
} catch (error) {
    // Fehlerbehandlung
}

try {
    // Anweisungen, in denen Ausnahmen auftreten können
} finally {
    // Anweisungen, die in jedem Fall ausgeführt werden
}

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
• Ralph Steyer: Jetzt lerne ich JavaScript., Markt und Technik, ISBN 3-8272-5996-7
• Ralph Steyer: Das JavaScript Codebook., Addison-Wesley, ISBN 3-8273-2162-X
• 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, 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

Siehe auch

• Bookmarklet
• CorbaScript
• Lingo
• ActionScript
• LiveConnect
• DHTML
• Rhino

Weblinks

Spezifikationen

• ECMAScript-Spezifikation (englisch, PDF)
• ECMAScript-Spezifikation als HTML-Version (englisch)
• Netscape JavaScript 1.3 Spezifikation (englisch)
• Microsoft JScript Spezifikation (englisch)
• ECMAScript for XML Spezifikation (englisch, PDF)

Dokumentationen

• Javascript-Kapitel der SELFHTML-Dokumentation
• Quirksmode: Umfangreiche Dokumentation und fertige Scripte
• Ulrich Kritzner: JavaScript-Programmierhandbuch
• HTMLWorld: JavaScript-Tutorial und Objektreferenz
• David Flanagan: JavaScript: The Definitive Guide (englisch; Online-Fassung von David Flanagan: JavaScript: The Definitive Guide, O'Reilly, ISBN 0-5960-0048-0)
• Das JavaScript Taschenbuch von Ralph Steyer (Online-Fassung von Ralph Steyer: JavaScript - M+T Pocket, Das Programmier-Handbuch, Markt und Technik München, ISBN 3-8272-6189-9)

Diskussionsforen und Newsgruppen

• Usenet-Newsgruppe de.comp.lang.javascript