7.4.2 Objekte mit object literals erstellen
Ein Objekt ist in JavaScript eine Sammlung von Daten und Funktionen. Innerhalb eines Objekts werden diese Eigenschaften (engl. Properties) und Methoden (engl. Methods) genannt. Ein Objekt lässt sich mit nur einer Zeile erzeugen:
Allerdings ist dies ein leeres Objekt ohne Eigenschaften und Methoden. Fügen wir zunächst ein paar Eigenschaften hinzu.
Beispiel
Dieses Objekt besitzt nun vier Eigenschaften (name
, matrikelnummer
, studiengang
, vorlesungen
) und eine Methode (info()
). Die Methode verwendet das Schlüsselwort this
, um auf die Eigenschaften des Objekts (also genau dieses eigene Objekts) zuzugreifen.
Nach der Deklaration des Objekts kann auf die Eigenschaften und Methoden mit der sehr praktischen Punktnotation (Dot-Notation) zugegriffen werden.
Diese Art von JavaScript-Objekten werden als object literals bezeichnet, da das komplette Objekt buchstäblich (engl. literal) im Code steht, wo es erzeugt wird. Das ist ein Unterschied zu Objekten, die aus Klassen erzeugt werden, dazu später mehr.
Zugriffsmöglichkeiten: Punkt- und Klammernotation
Um auf die Eigenschaften und Methoden von Objekten zuzugreifen, gibt es in JavaScript zwei Möglichkeiten: die Punktnotation und die Klammernotation (Bracket-Notation).
Punktnotation
Die Punktnotation wird häufig verwendet, da sie kürzer und leichter lesbar ist.
Klammernotation
Die Klammernotation wird verwendet, wenn der Name der Eigenschaft als String bekannt ist oder dynamisch berechnet wird.
Beide Notationen können beliebig eingesetzt werden. Die Punktnotation eignet sich für feste Eigenschaftsnamen, während die Klammernotation bei dynamischen Namen oder Sonderzeichen in Eigenschaftsnamen verwendet werden sollte.
Verschachtelte Objekte
Objekte können beliebig ineinander verschachtelt werden, sodass komplexe Strukturen abgebildet werden können. Der Zugriff erfolgt analog zu den oben gezeigten Notationen.
Beispiel
Eigenschaften und Methoden hinzufügen
JavaScript-Objekte erlauben es, nachträglich neue Eigenschaften und Methoden hinzuzufügen.
Beispiel
Verwendung vorgefertigter Objekte
JavaScript bietet eine Vielzahl vorgefertigter Objekte, die vom Browser bereitgestellt werden, z. B. window
und document
.
Für Funktionalitäten, die keine direkten Objekte bieten, wie z. B. die Notification API, müssen mit dem Schlüsselwort new
Instanzen erzeugt werden.
Es gibt aber nicht nur object literals, sondern auch Klassen-Objekte. Diese werden auf den folgenden Seiten behandelt.