JavaScript -Objekte
Reale 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 |
|---|---|---|
|
auto.name = Fiat auto.modell = 500 auto.gewicht = 850kg auto.farbe = weiß |
auto.start() auto.fahrt() auto.bremse() auto.stopp() |
Alle Autos haben die gleichen Eigenschaften , aber die Eigenschaftswerte unterscheiden sich von Auto zu Auto.
Alle Autos haben die gleichen Methoden , aber die Methoden werden zu unterschiedlichen Zeiten durchgeführt .
JavaScript-Objekte
Sie haben bereits gelernt, dass JavaScript-Variablen Container für Datenwerte sind.
Dieser Code weist einer Variablen namens car einen einfachen Wert (Fiat) zu :
let car = "Fiat";
Auch Objekte sind Variablen. Aber Objekte können viele Werte enthalten.
Dieser Code weist einer Variablen namens Auto viele Werte (Fiat, 500, weiß) zu :
const car = {type:"Fiat", model:"500", color:"white"};
Die Werte werden als Name:Wert -Paare geschrieben (Name und Wert durch Doppelpunkt getrennt).
Es ist üblich, Objekte mit dem Schlüsselwort const zu deklarieren.
Erfahren Sie mehr über die Verwendung von const mit Objekten im Kapitel: JS Const .
Objektdefinition
Sie definieren (und erstellen) ein JavaScript-Objekt mit einem Objektliteral:
Beispiel
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Leerzeichen und Zeilenumbrüche sind nicht wichtig. Eine Objektdefinition kann mehrere Zeilen umfassen:
Beispiel
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Objekteigenschaften
Die Name:Werte -Paare in JavaScript-Objekten werden Eigenschaften genannt :
| Eigentum | Eigentumswert |
|---|---|
| Vorname | John |
| Nachname | Damhirschkuh |
| das Alter | 50 |
| Augenfarbe | Blau |
Zugriff auf Objekteigenschaften
Sie können auf zwei Arten auf Objekteigenschaften zugreifen:
objectName.propertyName
oder
objectName["propertyName"]
Beispiel 1
person.lastName;
Beispiel2
person["lastName"];
JavaScript-Objekte sind Container für benannte Werte , die Eigenschaften genannt werden.
Objektmethoden
Objekte können auch Methoden haben .
Methoden sind Aktionen , die auf Objekten ausgeführt werden können.
Methoden werden in Eigenschaften als Funktionsdefinitionen gespeichert .
| Eigentum | Eigentumswert |
|---|---|
| Vorname | John |
| Nachname | Damhirschkuh |
| das Alter | 50 |
| Augenfarbe | Blau |
| vollständiger Name | function() {return this.firstName + " " + this.lastName;} |
Eine Methode ist eine als Eigenschaft gespeicherte Funktion.
Beispiel
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
Das Schlüsselwort this
Bezieht sich in einer Funktionsdefinition thisauf den „Besitzer“ der Funktion.
Im obigen Beispiel thisist das Person-Objekt , das die Funktion "besitzt"
fullName.
Mit anderen Worten, this.firstNamebedeutet die firstNameEigenschaft dieses Objekts .
Lesen Sie mehr über das thisSchlüsselwort bei JS this Keyword .
Zugriff auf Objektmethoden
Auf eine Objektmethode greifen Sie mit folgender Syntax zu:
objectName.methodName()
Beispiel
name = person.fullName();
Wenn Sie auf eine Methode ohne die Klammern () zugreifen, wird die Funktionsdefinition zurückgegeben :
Beispiel
name = person.fullName;
Deklarieren Sie keine Strings, Zahlen und Booleschen Werte als Objekte!
Wenn eine JavaScript-Variable mit dem Schlüsselwort " new" deklariert wird, wird die Variable als Objekt erstellt:
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object
Vermeiden Sie String, Number, und BooleanObjekte. Sie verkomplizieren Ihren Code und verlangsamen die Ausführungsgeschwindigkeit.
Später in diesem Lernprogramm erfahren Sie mehr über Objekte.