Real Life Objekte, Eigenschaften und Methoden
Im wirklichen Leben ist ein Auto , ein Objekt.
Ein Auto hat Eigenschaften wie Gewicht und Farbe und Methoden wie Start und Stopp:
| Objekt | Eigenschaften | Methoden |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
Alle Fahrzeuge haben die gleichen Eigenschaften, aber die Eigenschaftswerte unterscheiden sich von Auto zu Auto.
Alle Fahrzeuge besitzen die gleichen Verfahren, aber die Methoden zu unterschiedlichen Zeiten durchgeführt.
JavaScript-Objekte
Sie haben bereits gelernt, dass JavaScript-Variablen sind Container für Datenwerte.
Dieser Code weist einen einfachen Wert (Fiat) auf eine Variable mit dem Namen Auto:
var car = "Fiat";
Versuch es selber " Die Objekte sind zu Variablen. Aber Objekte können viele Werte enthalten.
Dieser Code weist viele Werte (Fiat, 500, white) auf eine Variable mit dem Namen Auto:
var car = {type:"Fiat", model:"500", color:"white"};
Versuch es selber " Wert - Paare (Name und Wert durch einen Doppelpunkt getrennt): Die Werte werden als Namen geschrieben.
JavaScript - Objekte sind Container für benannten Werte.
Objekteigenschaften
Der Name: Werte - Paare (in JavaScript - Objekte) werden als Eigenschaften bezeichnet.
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
| Eigentum | Eigentumswert |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
Objektmethoden
Methoden sind Aktionen , die auf Objekten ausgeführt werden können.
Methoden werden in Eigenschaften wie Funktionsdefinitionen gespeichert.
| Eigentum | Eigentumswert |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + " " + this.lastName;} |
JavaScript-Objekte sind Container für benannten Werte Eigenschaften oder Methoden genannt.
Objektdefinition
Sie definieren (und erstellen) ein JavaScript-Objekt mit einem Objekt wörtlichen:
Beispiel
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Versuch es selber " Leerzeichen und Zeilenumbrüche sind nicht wichtig. Eine Objektdefinition kann mehrere Zeilen umfassen:
Beispiel
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
Versuch es selber " Der Zugriff auf Objekteigenschaften
Sie können die Objekteigenschaften auf zwei Arten zugreifen:
objectName.propertyNameoder
objectName["propertyName"]
Der Zugriff auf Objektmethoden
Sie greifen auf eine Objektmethode mit folgender Syntax:
objectName.methodName()
Wenn Sie den Zugriff auf fullName Eigenschaft, ohne () , wird die Funktionsdefinition zurück:
Erklären Sie nicht Strings, Zahlen und Boolesche Werte als Objekte!
Wenn ein JavaScript - Variable mit dem Schlüsselwort deklariert wird "new" , wird die Variable als ein Objekt erstellt:
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
Vermeiden Sie String, Anzahl und Booleschen Objekte. Sie erschweren den Code und verlangsamen die Ausführungsgeschwindigkeit.
Sie werden mehr über die Objekte später in diesem Tutorial lernen.