Stil mit {stil}

Okt 2007

Vordefinierte Kern-Objekte in Javascript

Javascript-Objekte sind Sammelbehälter für Daten der unterschiedlichsten Art. Es gibt zwei Typen von Javascript-Objekten:

• Objekte, die von der Sprache zur Verfügung gestellt werden. Array, Boolean, Date, Function, Math, Number, Object, RegExp und String sind die von ECMAScript vordefinierten Objekte (wie in vielen anderen Programmiersprachen werden Objekte mit einem Großbuchstaben am Anfang geschrieben.).
• Objekte, die vom Client-Browser zur Verfügung gestellt werden (window, document, ...)

Darüber hinaus können wir eigene Objekte konstruieren, die einerseit auf die Datenstrukturen einer Anwendung angepasst sind oder andererseits Doppelprogrammierung in Anwendungen vermeiden.

I.d.R. werden Javascript-Objekte durch die folgende Syntax erzeugt (im Jargon der objektorientierten Programmiersprachen heißt das »instanziert«):

var obj = new Object();

Object ist der allgemeine Prototyp, von dem alle Objekte abgeleitet sind.

new ist ein Schlüsselwort und die Anwendung von new in einer Deklaration wie hier instanziert ein neues Objekt. Auf diese Weise werden Array-, Date-, Number- und String-Objekte instanziert (eine Ausnahme bildet das Math-Objekt, das nicht instanziert werden kann).

var farben = new Array();
var heute  = new Date();

Javascript Objekte versus einfache Datentypen

Die vordefinierten Prototypen korrespondieren teilweise mit den Basis-Datentypen. Zeichenketten, Zahlen und boolesche Variablen können entweder als einfache Werte

var myString = "Hallo Anton"; 

oder als Objekte deklariert werden

var myString = new String("Hallo Anton");

Eigenschaften und Methoden werden durch die dot-Notation angesprochen: Vorn steht das Objekt, gefolgt von einem Punkt gefolgt von einer Methode oder Eigenschaft. So entsteht ein Pfad von einem Objekt zu einer Methode oder einer Eigenschaft.

Eingebaute Objekte von JavaScript

Weitere Javascript-Objekte: DOM HTML

Weitere Objekte des clientseitigen JavaScript wurden insbesondere von Netscape eingeführt und sind mittlerweile durch DOM HTML standardisiert.

Image

Legt ein Bild an, das nicht sichtbar ist und nicht im Cache gespeichert wird. Wenn das src-Attribut gesetzt wird, wird das Bild geladen und im Browser-Cache gespeichert.

var myimage = new Image();
myimage.src = 'thing.gif';

Jedes Mal, wenn das Bild auf der Seite geändert werden soll, wird document['imagename'].src = myimage.src; gesetzt und das Bild wird geändert, ohne dass man auf das Laden eines neuen Bildes warten muss.

Option

Erzeugt ein option-Element, das einem select-Element zugeschlagen werden kann:

var myoption = new Option('text','value');
selectInput.options[selectInput.options.length] = myoption;