Verwendung von Eigenschaften Innerhalb von Methoden
Lassen Sie uns tiefer in die Verwendung von Objektmethoden eintauchen und untersuchen, wie Methoden das Schlüsselwort this verwenden, um auf Objekteigenschaften zuzugreifen.
Zugriff auf Objekteigenschaften in Methoden
Wenn wir eine Methode innerhalb eines Objekts definieren, können wir mit dem Schlüsselwort this auf die Eigenschaften des Objekts zugreifen. this bezieht sich auf das Objekt, das die Methode aufgerufen hat, und ermöglicht uns so die Interaktion mit dessen Eigenschaften. Dieses Konzept wird im folgenden Beispiel veranschaulicht:
const furniture = {
type: "wardrobe",
manufacturer: "Belgium",
color: "wenge magic",
getInfo() {
console.log(this);
},
};
// Method call
furniture.getInfo(); // Output: {type: 'wardrobe', manufacturer: 'Belgium', color: 'wenge magic', getInfo: ƒ}
Im getInfo-Methode bezieht sich this auf das Objekt furniture und repräsentiert den gesamten inneren Inhalt des Objekts.
Praktisches Beispiel
In Methoden können auf Objekteigenschaften über this zugegriffen werden, wobei die Punktnotation wie gewohnt verwendet wird.
Im folgenden Beispiel nutzen die Methoden getColor, addProperty und modifyProperty das Schlüsselwort this, um auf die Eigenschaften des Objekts furniture zuzugreifen und verschiedene Operationen durchzuführen.
getColorgibt die Farbe des Schranks über die Konsole aus, indemthisauf die Eigenschaften des Objekts verweist;addPropertyfügt dem Objekt furniture neue Eigenschaften hinzu. Es nimmt zwei Parameter entgegen:propertyName(der Name der neuen Eigenschaft) undpropertyValue(der Wert, der der neuen Eigenschaft zugewiesen wird);modifyPropertyändert den Wert einer bestehenden Eigenschaft im Objektfurniture. Es nimmt zwei Parameter entgegen:propertyName(der Name der zu ändernden Eigenschaft) undpropertyValue(der neue Wert, der der Eigenschaft zugewiesen wird).
12345678910111213141516171819202122232425262728const furniture = { type: "wardrobe", manufacturer: "Belgium", color: "wenge magic", getColor() { console.log(this.color); }, addProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, modifyProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, }; // Access the `color` property of the `furniture` and log it to the console. furniture.getColor(); // Output: wenge magic // Add a new property to the `furniture` object using the `addProperty` method. furniture.addProperty("material", "wood"); console.log(furniture.material); // Output: wood // Modify an existing property using the `modifyProperty` method. furniture.modifyProperty("color", "oak"); console.log(furniture.color); // Output: oak
Hinweis
Die Verwendung des Schlüsselworts
thisist in Objektmethoden unerlässlich. Es stellt sicher, dass die Methode mit dem spezifischen Objekt arbeitet, das sie aufruft, selbst wenn der Name im Voraus unbekannt ist. Dadurch werden potenzielle Probleme vermieden, wie etwa das Kopieren von Methoden von einem Objekt auf ein anderes mit einem anderen Namen.
1. Worauf bezieht sich das Schlüsselwort this, wenn es innerhalb einer Methode eines Objekts verwendet wird?
2. Welche Funktion hat die Methode getFeastPrice im Objekt menu im untenstehenden Beispiel?
3. Wie greift man im untenstehenden Beispiel mit menu auf die Eigenschaft „cold appetizer“ des Objekts this zu?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain more about how the `this` keyword works in different contexts?
What happens if I call a method without using the object (e.g., assign it to a variable and call it)?
Can you show an example of copying a method to another object and how `this` behaves?
Awesome!
Completion rate improved to 2.27Verwendung von Eigenschaften Innerhalb von Methoden
Swipe um das Menü anzuzeigen
Lassen Sie uns tiefer in die Verwendung von Objektmethoden eintauchen und untersuchen, wie Methoden das Schlüsselwort this verwenden, um auf Objekteigenschaften zuzugreifen.
Zugriff auf Objekteigenschaften in Methoden
Wenn wir eine Methode innerhalb eines Objekts definieren, können wir mit dem Schlüsselwort this auf die Eigenschaften des Objekts zugreifen. this bezieht sich auf das Objekt, das die Methode aufgerufen hat, und ermöglicht uns so die Interaktion mit dessen Eigenschaften. Dieses Konzept wird im folgenden Beispiel veranschaulicht:
const furniture = {
type: "wardrobe",
manufacturer: "Belgium",
color: "wenge magic",
getInfo() {
console.log(this);
},
};
// Method call
furniture.getInfo(); // Output: {type: 'wardrobe', manufacturer: 'Belgium', color: 'wenge magic', getInfo: ƒ}
Im getInfo-Methode bezieht sich this auf das Objekt furniture und repräsentiert den gesamten inneren Inhalt des Objekts.
Praktisches Beispiel
In Methoden können auf Objekteigenschaften über this zugegriffen werden, wobei die Punktnotation wie gewohnt verwendet wird.
Im folgenden Beispiel nutzen die Methoden getColor, addProperty und modifyProperty das Schlüsselwort this, um auf die Eigenschaften des Objekts furniture zuzugreifen und verschiedene Operationen durchzuführen.
getColorgibt die Farbe des Schranks über die Konsole aus, indemthisauf die Eigenschaften des Objekts verweist;addPropertyfügt dem Objekt furniture neue Eigenschaften hinzu. Es nimmt zwei Parameter entgegen:propertyName(der Name der neuen Eigenschaft) undpropertyValue(der Wert, der der neuen Eigenschaft zugewiesen wird);modifyPropertyändert den Wert einer bestehenden Eigenschaft im Objektfurniture. Es nimmt zwei Parameter entgegen:propertyName(der Name der zu ändernden Eigenschaft) undpropertyValue(der neue Wert, der der Eigenschaft zugewiesen wird).
12345678910111213141516171819202122232425262728const furniture = { type: "wardrobe", manufacturer: "Belgium", color: "wenge magic", getColor() { console.log(this.color); }, addProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, modifyProperty(propertyName, propertyValue) { this[propertyName] = propertyValue; }, }; // Access the `color` property of the `furniture` and log it to the console. furniture.getColor(); // Output: wenge magic // Add a new property to the `furniture` object using the `addProperty` method. furniture.addProperty("material", "wood"); console.log(furniture.material); // Output: wood // Modify an existing property using the `modifyProperty` method. furniture.modifyProperty("color", "oak"); console.log(furniture.color); // Output: oak
Hinweis
Die Verwendung des Schlüsselworts
thisist in Objektmethoden unerlässlich. Es stellt sicher, dass die Methode mit dem spezifischen Objekt arbeitet, das sie aufruft, selbst wenn der Name im Voraus unbekannt ist. Dadurch werden potenzielle Probleme vermieden, wie etwa das Kopieren von Methoden von einem Objekt auf ein anderes mit einem anderen Namen.
1. Worauf bezieht sich das Schlüsselwort this, wenn es innerhalb einer Methode eines Objekts verwendet wird?
2. Welche Funktion hat die Methode getFeastPrice im Objekt menu im untenstehenden Beispiel?
3. Wie greift man im untenstehenden Beispiel mit menu auf die Eigenschaft „cold appetizer“ des Objekts this zu?
Danke für Ihr Feedback!
