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
Wanneer we een methode binnen een object definiëren, kunnen we de eigenschappen van het object benaderen met behulp van het sleutelwoord this. this verwijst naar het object dat de methode heeft aangeroepen, waardoor we met de eigenschappen ervan kunnen werken. Laten we dit concept illustreren met een voorbeeld:
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 object furniture en vertegenwoordigt het de volledige interne inhoud van het object.
Praktisch Voorbeeld
Binnen methoden kunnen objecteigenschappen worden benaderd via this en vervolgens met puntnotatie zoals gebruikelijk.
In het onderstaande voorbeeld gebruiken de methoden getColor, addProperty en modifyProperty het sleutelwoord this om toegang te krijgen tot eigenschappen van het object furniture en verschillende bewerkingen uit te voeren.
getColorlogt de kleur van de kast naar de console door gebruik te maken 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 het objectfurniture. 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
Opmerking
Het gebruik van het sleutelwoord
thisis essentieel in objectmethoden. Het zorgt ervoor dat de methode werkt met het specifieke object dat de methode aanroept, zelfs als de naam vooraf niet bekend is. Dit voorkomt mogelijke problemen, zoals het kopiëren van methoden van het ene object naar het andere met een andere naam.
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 menu-object?
3. Hoe krijg je in het onderstaande voorbeeld 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.
Awesome!
Completion rate improved to 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
Wanneer we een methode binnen een object definiëren, kunnen we de eigenschappen van het object benaderen met behulp van het sleutelwoord this. this verwijst naar het object dat de methode heeft aangeroepen, waardoor we met de eigenschappen ervan kunnen werken. Laten we dit concept illustreren met een voorbeeld:
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 object furniture en vertegenwoordigt het de volledige interne inhoud van het object.
Praktisch Voorbeeld
Binnen methoden kunnen objecteigenschappen worden benaderd via this en vervolgens met puntnotatie zoals gebruikelijk.
In het onderstaande voorbeeld gebruiken de methoden getColor, addProperty en modifyProperty het sleutelwoord this om toegang te krijgen tot eigenschappen van het object furniture en verschillende bewerkingen uit te voeren.
getColorlogt de kleur van de kast naar de console door gebruik te maken 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 het objectfurniture. 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
Opmerking
Het gebruik van het sleutelwoord
thisis essentieel in objectmethoden. Het zorgt ervoor dat de methode werkt met het specifieke object dat de methode aanroept, zelfs als de naam vooraf niet bekend is. Dit voorkomt mogelijke problemen, zoals het kopiëren van methoden van het ene object naar het andere met een andere naam.
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 menu-object?
3. Hoe krijg je in het onderstaande voorbeeld toegang tot de eigenschap "cold appetizer" van het menu-object met behulp van this?
Bedankt voor je feedback!
