Was ist JavaScript?

Die Syntax

Die Syntax-Elemente entsprechen der Syntax von C und sind deshalb in meiner Beschreibung der C-Syntax zu finden.Hier beschreibe ich nur die Abweichungen.

Variablen

Variablen in JavaScript sind typenlos. Sie werden mit dem Wort var definiert und können bei der Definition gleich initialisiert werden.

var eingabeDatum;

var text = "Hallo";

var nummer = 4711;

Arrays sind in JavaScript Objekte und werden mit new angelegt. Auf einzelne Elemente wird mit dem [] - Operator zugegriffen.

var meldungen = new Array(3);

meldungen[0] = "Eingabewert zu gross";

meldungen[1] = "Eingabewert zu klein";

meldungen[2] = "Eingabewert enthält nicht-numerische Zeichen";

Funktionen

Funktionen werden mit dem Schlüsselwort function definiert. Sie können beliebig viele Parameter haben. Ihr Code ist in geschweifte Klammen {} eingeschlossen. Sie können einen Wert zurückgeben, indem dieser mit return zurückgegeben wird.

function pruefen( feldName ) {

    if(document.Formular.feldName > 1000) {

        window.alert( "Feld " + feldName + ": " + meldungen[0];

        return false;

    }

    return true;

}

Objekte

In Javascript kann Objekt-Orientiert programmiert werden. Die Art wie dies geschieht ist aber etwas gewöhnungsbedürftig.
Man definiert einfach eine Funktion mit dem Namen der Klasse und initialisiert dabei die Attribute und Methoden. Die Methoden hat man vorher definiert.
Auf die Attribute greift man im Objekt über die this -Eigenschaft zu.

// invertieren einer Farbe
function invert() {
   this.red = 255 - this.red;
   this.green = 255 - this.green;
   this.blue = 255 - this.blue;
}

// erzeugen des html-strings fuer eine Farbe
function colorString() {
   return "#" + hex(this.red) + hex(this.green) + hex(this.blue);
}

// Konstruktor der Klasse Farbe
function Farbe( pRed, pGreen, pBlue ) {
   this.red = pRed;
   this.green = pGreen;
   this.blue = pBlue;
   this.invert = invert( );
   this.colorString = colorString( );
}

// Ein Objekt der Klasse Farbe definieren
var gelb = new Farbe(255,255,0);

// Die Farbe invertieren
gelb.invert( );

// Einen Text mit der invertierten Farbe erzeugen.
document.writeln("<font color=" + gelb.colorString + ">Hallo, ich bin Blau</font>");