Es gab einen Fehler beim Laden des Stylesheets!
Versuche die Seite erneut zu laden!

JavaScript Tutorials

Objekte

Wie die meisten modernen Programmiersprachen auch ist JavaScript eine Objektorientierte Programmiersprache. das heißt, dass ein sogenanntes "Objekt" angelegt werden kann, welches mehrere Werte annehmen kann. Entgegen anderer Programmiersprachen hingegen, können in JavaScript Objekte erzeugt werden, die unabhängig von jeglicher Klasse sind, einer Art Bauanleitung, welche für mehrere Objekte angewendet werden kann.

Grundsätzlich werden Objekte so initialisiert:

Beispielcode 1:

Das Objekt wird mit dem const Schlüsselwort initialisiert, danach folgt der Name des Objekts. Innerhalb der geschwungenen Klammern findet man die Objekteigenschaften und deren Werte wieder. Wenn man auf diese Eigenschaften zugreifen möchte, so gibt es zwei Möglichkeiten:

Beispielcode 2:

Output: "John" "Doe"

Wenn man einem Objekt eine Methode zuweisen möchte, so funktioniert das ähnlich wie die Zuweisung einer Eigenschaft.

Beispielcode 3:

Output: "John Doe"

Das Schlüsselwort this

this wird innerhalb eines Objekt verwendet, um auf die Eigenschaft im Objekt selbst zuzugreifen. Dies ist besonders wichtig, wenn es einen Übergabeparameter geben sollte, welcher den gleichen Namen trägt wie eine Objekteigenschaft.

Beispielcode 4:

Output: "3 + 5 = 8"

Objekte von Klassen instanziieren

Möchte man Objekte von Klassen instanziieren, so muss erstmal eine Klasse geschrieben werden. Klassen sind sowas wie Baupläne für Objekte, mit denen mehrere Objekte des gleichen Typs instanziiert werden können. Beim instanziieren aus einer Klasse benötigt man aber das new Schlüsselwort.

Beispielcode 5:

Output: 3 "red" "black"

Eine Klasse besteht aus Eigenschaften, und Methoden (Funktionen). Die wichtigste Methode ist die constructor()-Methode, welche das Objekt mit Werten inizialisiert. Den Klassenmethoden kann auch Übergabeparameter von außen übergeben werden.

Variablen als Objekte

Theoretisch können Variablen als Objekte angelegt werden. Dies wird praktisch aber nicht getan und sollte auch vermieden werden, da dies den Code nicht nur umständlicher, sondern auch langsamer macht.

Beispielcode 6:

Die for in Schleife

Die for in-Schleife, ist, wie der Name es schon vermuten lässt, ähnlich zur for-Schleife, mit dem Unterschied, dass die for in-Schleife speziell für Objekte konzipiert ist.

Beispielcode 7:

Output: "John Doe 25"

Dabei wird auf das Objekt wie in einem Array zugegriffen. Wie ein Array funktioniert, erfahren sie in der nächsten Lektion.

Menü