JavaScript-Programmierung von Kopf bis Fuß

Sie sind hier � 177

Objekte verstehen

var chevy = {

make: "Chevy",

model: "Bel Air",

year: 1957,

color: "rot",

passengers: 2,

convertible: false,

mileage: 1021

};

Objekte anlegen

Und hier die gute Nachricht: Nach der letzten »Spitzen Sie Ihren

Bleistift«-Übung kennen Sie schon die wichtigsten Schritte für das

Erstellen eines Objekts. Eigentlich müssen Sie den Code der letzten Seite

nur noch einer Variablen zuweisen (damit Sie nach seiner Erstellung

auch etwas mit dem Objekt anstellen können). Zum Beispiel:

Beginnen Sie das Objekt mit einer öffnenden geschweiften Klammer.

Jede Eigenschaft besteht aus Name, Doppelpunkt und Wert.

Hier benutzen wir Strings, Zahlen und Boolesche Werte als

Eigenschaftswerte.

Fügen Sie eine Variablendeklaration für das Objekt hinzu.

Wir beenden das Objekt mit einer schließenden geschweiften

Klammer. Wie bei jeder Variablendeklaration schließen wir das

Ganze mit einem Semikolon ab.

Die Eigenschaften werden durch Kommata voneinander getrennt.

Innerhalb der geschweiften Klammern stehen die Objekteigenschaften.

Nun können Sie Ihr Objekt weitergeben, seine Werte auslesen, es ver-

ändern, Eigenschaften hinzufügen oder sie alle entfernen. Wie das alles

funktioniert, werden wir Ihnen gleich zeigen. Jetzt wollen wir aber erst

mal ein paar Objekte erstellen und ein bisschen damit herumspielen …

make: "Chevy"

model: "Bel Air"

year: 1957

color: "rot"

passengers: 2

convertible: false

mileage: 1021

chevy

Anhand der Textbeschreibung

des Objekts haben wir ein echtes

JavaScript-Objekt erstellt.

Und das Ergebnis? Natürlich ein brandneues Objekt. Stellen Sie sich

das Objekt wie einen Behälter vor, der sämtliche Namen und Werte

(sprich: Ihre Eigenschaften) auf einmal enthält.

Jetzt haben Sie Ihr erstes echtes Objekt mit Eigenschaften

gefüllt und einer Variablen zugewiesen. Damit können Sie auf

die Eigenschaften zugreifen und sie verändern.

178 Kapitel 5

Übung: Objekte erstellen

Der Kilometerstand liegt bei

1

2.892.

Bei einem Objekt muss es nicht bleiben. Die wahre Macht der Objekte liegt (wie Sie gleich

sehen werden) darin, dass Sie richtig viele davon haben können. Gleichzeitig funktioniert

der dafür nötige Code mit jedem Objekt, das Sie ihm übergeben. Versuchen Sie einmal, ein

komplett neues Objekt zu erstellen, in diesem Fall ein weiteres Auto-Objekt.

var cadi = {

};

Schreiben Sie hier die

Eigenschaften für ein

»Cadillac«-Objekt auf.

Das ist hier ein GM Cadillac

von

1

955.

Diese Farbe nennen wir

»Bräunlich«.

Es ist kein Cabrio, und er

kann maximal fünf Personen

transportieren (hinten hat

er einen schönen, großen

Schalensitz).

Übung

Sie sind hier � 179

Objekte verstehen

Keine Sorge. Diesmal kommen Sie noch glimpflich davon. Anstatt Ihnen einen

Strafzettel zu verpassen, bitten wir Sie, sich die folgenden »Verkehrsregeln« zum

Erstellen von Objekten genau anzusehen.

Umgeben Sie das Objekt mit geschweiften Klammern:

var cat = {

name: "Stevens"

};

Trennen Sie Eigenschaft und Wert mit einem Doppelpunkt:

var planet = {

diameter: 49528

};

Der Eigenschaftsname kann ein beliebiger String sein. Normalerweise benutzen wir

aber gültige Variablennamen:

var widget = {

cost$: 3.14,

"on sale": true

};

Jede Eigenschaft eines Objekts muss einen einmaligen Namen haben:

var forecast = {

highTemp: 82,

highTemp: 56

};

Die einzelnen Paare aus Eigenschaftsname und -wert werden durch Kommata

voneinander getrennt:

var gadget = {

name: "Amboss",

isHeavy: true

};

Nach dem letzten Eigenschaftswert steht kein Komma:

var superhero = {

name: "Batman",

alias: "Der Dunkle Ritter"

};

Wichtig: Wenn Sie einen String

verwenden, der Leerzeichen enthält,

müssen Sie ihn mit Anführungszeichen

umgeben.

FALSCH! Das wird

nicht funktionieren.

Hier wird kein Komma gebraucht!

10