Eigenschappen Gebruiken Binnen Methoden
Laten we dieper ingaan op het gebruik van objectmethoden en onderzoeken hoe methoden de this-keyword gebruiken om toegang te krijgen tot objecteigenschappen.
Toegang tot objecteigenschappen in methoden
Binnen een methode maakt this het mogelijk om de eigenschappen van het object te lezen of bij te werken.
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: ƒ}
In de methode getInfo verwijst this naar het furniture-object en vertegenwoordigt de volledige interne inhoud van het object.
Praktisch Voorbeeld
In methoden kunnen objecteigenschappen worden benaderd via this en vervolgens met puntnotatie zoals gebruikelijk.
In het onderstaande voorbeeld gebruiken de methoden getColor, addProperty en modifyProperty this om de eigenschap van het furniture-object te benaderen en verschillende bewerkingen uit te voeren.
getColorlogt de kleur van de kast naar de console met behulp vanthisom naar de eigenschappen van het object te verwijzen;addPropertyvoegt nieuwe eigenschappen toe aan het furniture-object. Deze methode neemt twee parameters:propertyName(de naam van de nieuwe eigenschap) enpropertyValue(de waarde die aan de nieuwe eigenschap wordt toegekend);modifyPropertywijzigt de waarde van een bestaande eigenschap in hetfurniture-object. Deze methode neemt twee parameters:propertyName(de naam van de te wijzigen eigenschap) enpropertyValue(de nieuwe waarde voor de eigenschap).
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
this zorgt ervoor dat de methode altijd naar het juiste object verwijst, zelfs als de methode elders wordt hergebruikt of gekopieerd.
1. Waar verwijst het sleutelwoord this naar wanneer het wordt gebruikt binnen een methode van een object?
2. Wat is in het onderstaande voorbeeld de rol van de methode getFeastPrice in het object menu?
3. In het onderstaande voorbeeld, hoe krijg je toegang tot de eigenschap "cold appetizer" van het menu object met behulp van this?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
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?
Geweldig!
Completion tarief verbeterd naar 2.27Eigenschappen Gebruiken Binnen Methoden
Veeg om het menu te tonen
Laten we dieper ingaan op het gebruik van objectmethoden en onderzoeken hoe methoden de this-keyword gebruiken om toegang te krijgen tot objecteigenschappen.
Toegang tot objecteigenschappen in methoden
Binnen een methode maakt this het mogelijk om de eigenschappen van het object te lezen of bij te werken.
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: ƒ}
In de methode getInfo verwijst this naar het furniture-object en vertegenwoordigt de volledige interne inhoud van het object.
Praktisch Voorbeeld
In methoden kunnen objecteigenschappen worden benaderd via this en vervolgens met puntnotatie zoals gebruikelijk.
In het onderstaande voorbeeld gebruiken de methoden getColor, addProperty en modifyProperty this om de eigenschap van het furniture-object te benaderen en verschillende bewerkingen uit te voeren.
getColorlogt de kleur van de kast naar de console met behulp vanthisom naar de eigenschappen van het object te verwijzen;addPropertyvoegt nieuwe eigenschappen toe aan het furniture-object. Deze methode neemt twee parameters:propertyName(de naam van de nieuwe eigenschap) enpropertyValue(de waarde die aan de nieuwe eigenschap wordt toegekend);modifyPropertywijzigt de waarde van een bestaande eigenschap in hetfurniture-object. Deze methode neemt twee parameters:propertyName(de naam van de te wijzigen eigenschap) enpropertyValue(de nieuwe waarde voor de eigenschap).
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
this zorgt ervoor dat de methode altijd naar het juiste object verwijst, zelfs als de methode elders wordt hergebruikt of gekopieerd.
1. Waar verwijst het sleutelwoord this naar wanneer het wordt gebruikt binnen een methode van een object?
2. Wat is in het onderstaande voorbeeld de rol van de methode getFeastPrice in het object menu?
3. In het onderstaande voorbeeld, hoe krijg je toegang tot de eigenschap "cold appetizer" van het menu object met behulp van this?
Bedankt voor je feedback!
