Objekte in Javascript
- Home
- Tutorials
- Web-Development
- Javascript Tutorial
- Objekte in Javascript
Objekte sind ein extrem wichtiges und interessantes Konzept in Programmiersprachen. Man kann im Prinzip alles als eine Art Objekt beschrieben.
Nehmen wir einmal ein Objekt das wir meistens auf den Straßen sehen. Ein AUTO. Ein Auto hat bestimmte Merkmale und kann bestimmte Aktionen durchführen.
Objekte in Javascript
Beispiel für Merkmale:
- Farbe
- Marke
- Anzahl der Türen
- etc.
Beispiel für Aktionen:
- Fahren
- Blinken
- Lichthupe machen
- etc.
All diese Merkmale und Aktionen können wir nun in Javascript mithilfe von Variablen(Merkmale) und Methoden(Aktionen) beschreiben.
Bisher haben wir einfach nur Code geschrieben und haben nicht darauf geachtet was Objekte sind und was wir damit machen. Nun werden wir jedoch Objekt Orientiert Programmieren:
Beispiel für Objekte in Javascript
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
//Erstellung des Objekts Auto und Zuweisung eines Wertes
var auto = "VW Golf";
//Verwendung einer Methode und Aufrufen eines Merkmales
document.write(auto.length);
</script>
</body>
</html>
Hierbei haben wir bisher nichts neues gemacht. Wir hatten sowohl document.write(" ") als auch variable.length bereits verwendet. Bei document.write(" ") rufen wir die Methode "write()" des Objektes "document" auf und dieser Methode übergeben wir nun das Merkmal "length" unseres Objektes "auto" - also in diesem Fall die Länge des Namen des Objektes, welches wir mit var Objektname erstellt haben. Wir werden uns in den nächsten Tutorials mehr mit den Javascript Objekte-n beschäftigen.
Javascript Tutorial
-
Einführung
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
Lektion1.4
-
-
Funktionen
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Operatoren und Schleifen
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
If-Statements und Switch-Case
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
-
Objekte
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
-
Arrays
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
Lektion6.6
-