Bruk av Egenskaper i Metoder
La oss se nærmere på bruken av objektmetoder og utforske hvordan metoder bruker nøkkelordet this for å få tilgang til objektets egenskaper.
Tilgang til objektegenskaper i metoder
Inne i en metode gjør this det mulig å lese eller oppdatere objektets egenskaper.
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: ƒ}
I getInfo-metoden refererer this til furniture-objektet og representerer hele objektets indre innhold.
Praktisk eksempel
I metoder kan vi få tilgang til objektets egenskaper gjennom this og deretter bruke punktnotasjon for å få tilgang til de spesifikke egenskapene som vanlig.
I eksempelet under bruker metodene getColor, addProperty og modifyProperty this for å få tilgang til egenskapene til furniture og utføre ulike operasjoner.
getColorlogger garderobens farge til konsollen ved å brukethisfor å referere til objektets egenskaper;addPropertylegger til nye egenskaper i furniture-objektet. Den tar to parametere:propertyName(navnet på den nye egenskapen) ogpropertyValue(verdien som skal tilordnes den nye egenskapen);modifyPropertyendrer verdien til en eksisterende egenskap ifurniture-objektet. Den tar to parametere:propertyName(navnet på egenskapen som skal endres) ogpropertyValue(den nye verdien som skal tilordnes egenskapen).
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 sikrer at metoden alltid refererer til riktig objekt, selv om metoden gjenbrukes eller kopieres andre steder.
1. Hva refererer nøkkelordet this til når det brukes i en metode til et objekt?
2. Hva er rollen til metoden getFeastPrice i objektet menu i eksempelet nedenfor?
3. I eksempelet nedenfor, hvordan får du tilgang til egenskapen "cold appetizer" i menu-objektet ved å bruke this?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 2.27Bruk av Egenskaper i Metoder
Sveip for å vise menyen
La oss se nærmere på bruken av objektmetoder og utforske hvordan metoder bruker nøkkelordet this for å få tilgang til objektets egenskaper.
Tilgang til objektegenskaper i metoder
Inne i en metode gjør this det mulig å lese eller oppdatere objektets egenskaper.
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: ƒ}
I getInfo-metoden refererer this til furniture-objektet og representerer hele objektets indre innhold.
Praktisk eksempel
I metoder kan vi få tilgang til objektets egenskaper gjennom this og deretter bruke punktnotasjon for å få tilgang til de spesifikke egenskapene som vanlig.
I eksempelet under bruker metodene getColor, addProperty og modifyProperty this for å få tilgang til egenskapene til furniture og utføre ulike operasjoner.
getColorlogger garderobens farge til konsollen ved å brukethisfor å referere til objektets egenskaper;addPropertylegger til nye egenskaper i furniture-objektet. Den tar to parametere:propertyName(navnet på den nye egenskapen) ogpropertyValue(verdien som skal tilordnes den nye egenskapen);modifyPropertyendrer verdien til en eksisterende egenskap ifurniture-objektet. Den tar to parametere:propertyName(navnet på egenskapen som skal endres) ogpropertyValue(den nye verdien som skal tilordnes egenskapen).
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 sikrer at metoden alltid refererer til riktig objekt, selv om metoden gjenbrukes eller kopieres andre steder.
1. Hva refererer nøkkelordet this til når det brukes i en metode til et objekt?
2. Hva er rollen til metoden getFeastPrice i objektet menu i eksempelet nedenfor?
3. I eksempelet nedenfor, hvordan får du tilgang til egenskapen "cold appetizer" i menu-objektet ved å bruke this?
Takk for tilbakemeldingene dine!
