Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Verwendung von Eigenschaften Innerhalb von Methoden | Grundlagen von JavaScript-Objekten
Javascript Datenstrukturen

bookVerwendung 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

Innerhalb einer Methode ermöglicht this das Lesen oder Aktualisieren der Eigenschaften des Objekts.

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 furniture-Objekt und repräsentiert den gesamten inneren Inhalt des Objekts.

Praktisches Beispiel

In Methoden können auf Objekteigenschaften über this zugegriffen werden, wobei anschließend wie gewohnt die Punktnotation verwendet wird, um auf spezifische Eigenschaften zuzugreifen.

Im folgenden Beispiel verwenden die Methoden getColor, addProperty und modifyProperty das Schlüsselwort this, um auf die Eigenschaft furniture zuzugreifen und verschiedene Operationen durchzuführen.

  • getColor gibt die Farbe des Schranks über die Konsole aus, wobei this auf die Eigenschaften des Objekts verweist;
  • addProperty fügt dem furniture-Objekt neue Eigenschaften hinzu. Es nimmt zwei Parameter entgegen: propertyName (der Name der neuen Eigenschaft) und propertyValue (der Wert, der der neuen Eigenschaft zugewiesen wird);
  • modifyProperty ändert den Wert einer bestehenden Eigenschaft im furniture-Objekt. Es nimmt zwei Parameter entgegen: propertyName (der zu ändernde Eigenschaftsname) und propertyValue (der neue Wert, der der Eigenschaft zugewiesen wird).

              
12345678910111213141516171819202122232425262728

            
const 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
copy
Note
Hinweis

this stellt sicher, dass sich die Methode immer auf das korrekte Objekt bezieht, selbst wenn die Methode wiederverwendet oder an anderer Stelle kopiert wird.

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. Im folgenden Beispiel: Wie greift man mit menu auf die Eigenschaft „kalte Vorspeise“ des Objekts this zu?

question mark

Worauf bezieht sich das Schlüsselwort this, wenn es innerhalb einer Methode eines Objekts verwendet wird?

Select the correct answer

question mark

Welche Funktion hat die Methode getFeastPrice im Objekt menu im untenstehenden Beispiel?

Select the correct answer

question mark

Im folgenden Beispiel: Wie greift man mit menu auf die Eigenschaft „kalte Vorspeise“ des Objekts this zu?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 10

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain how the `this` keyword works in different contexts?

What happens if I call one of these methods from outside the object?

Can you show more examples of using `this` in object methods?

bookVerwendung 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

Innerhalb einer Methode ermöglicht this das Lesen oder Aktualisieren der Eigenschaften des Objekts.

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 furniture-Objekt und repräsentiert den gesamten inneren Inhalt des Objekts.

Praktisches Beispiel

In Methoden können auf Objekteigenschaften über this zugegriffen werden, wobei anschließend wie gewohnt die Punktnotation verwendet wird, um auf spezifische Eigenschaften zuzugreifen.

Im folgenden Beispiel verwenden die Methoden getColor, addProperty und modifyProperty das Schlüsselwort this, um auf die Eigenschaft furniture zuzugreifen und verschiedene Operationen durchzuführen.

  • getColor gibt die Farbe des Schranks über die Konsole aus, wobei this auf die Eigenschaften des Objekts verweist;
  • addProperty fügt dem furniture-Objekt neue Eigenschaften hinzu. Es nimmt zwei Parameter entgegen: propertyName (der Name der neuen Eigenschaft) und propertyValue (der Wert, der der neuen Eigenschaft zugewiesen wird);
  • modifyProperty ändert den Wert einer bestehenden Eigenschaft im furniture-Objekt. Es nimmt zwei Parameter entgegen: propertyName (der zu ändernde Eigenschaftsname) und propertyValue (der neue Wert, der der Eigenschaft zugewiesen wird).

              
12345678910111213141516171819202122232425262728

            
const 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
copy
Note
Hinweis

this stellt sicher, dass sich die Methode immer auf das korrekte Objekt bezieht, selbst wenn die Methode wiederverwendet oder an anderer Stelle kopiert wird.

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. Im folgenden Beispiel: Wie greift man mit menu auf die Eigenschaft „kalte Vorspeise“ des Objekts this zu?

question mark

Worauf bezieht sich das Schlüsselwort this, wenn es innerhalb einer Methode eines Objekts verwendet wird?

Select the correct answer

question mark

Welche Funktion hat die Methode getFeastPrice im Objekt menu im untenstehenden Beispiel?

Select the correct answer

question mark

Im folgenden Beispiel: Wie greift man mit menu auf die Eigenschaft „kalte Vorspeise“ des Objekts this zu?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 10
some-alt