Utilizzo delle Proprietà all'Interno dei Metodi
Approfondiamo l'utilizzo dei metodi degli oggetti ed esploriamo come i metodi utilizzano la parola chiave this per accedere alle proprietà dell'oggetto.
Accesso alle proprietà dell'oggetto nei metodi
All'interno di un metodo, this consente di leggere o modificare le proprietà dell'oggetto.
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: ƒ}
Nel metodo getInfo, this si riferisce all'oggetto furniture e rappresenta l'intero contenuto interno dell'oggetto.
Esempio pratico
Nei metodi, è possibile accedere alle proprietà dell'oggetto tramite this e poi utilizzare la notazione a punto per accedere alle proprietà specifiche come di consueto.
Nell'esempio seguente, i metodi getColor, addProperty e modifyProperty utilizzano this per accedere alla proprietà furniture ed eseguire varie operazioni.
getColorstampa il colore dell'armadio nella console utilizzandothisper riferirsi alle proprietà dell'oggetto;addPropertyaggiunge nuove proprietà all'oggetto furniture. Accetta due parametri:propertyName(il nome della nuova proprietà) epropertyValue(il valore da assegnare alla nuova proprietà);modifyPropertymodifica il valore di una proprietà esistente nell'oggettofurniture. Accetta due parametri:propertyName(il nome della proprietà da modificare) epropertyValue(il nuovo valore da assegnare alla proprietà).
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 garantisce che il metodo si riferisca sempre all'oggetto corretto, anche se il metodo viene riutilizzato o copiato altrove.
1. A cosa si riferisce la parola chiave this quando viene utilizzata all'interno di un metodo di un oggetto?
2. Nell'esempio fornito di seguito, qual è il ruolo del metodo getFeastPrice nell'oggetto menu?
3. Nell'esempio fornito di seguito, come si accede alla proprietà "cold appetizer" dell'oggetto menu utilizzando this?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Fantastico!
Completion tasso migliorato a 2.27Utilizzo delle Proprietà all'Interno dei Metodi
Scorri per mostrare il menu
Approfondiamo l'utilizzo dei metodi degli oggetti ed esploriamo come i metodi utilizzano la parola chiave this per accedere alle proprietà dell'oggetto.
Accesso alle proprietà dell'oggetto nei metodi
All'interno di un metodo, this consente di leggere o modificare le proprietà dell'oggetto.
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: ƒ}
Nel metodo getInfo, this si riferisce all'oggetto furniture e rappresenta l'intero contenuto interno dell'oggetto.
Esempio pratico
Nei metodi, è possibile accedere alle proprietà dell'oggetto tramite this e poi utilizzare la notazione a punto per accedere alle proprietà specifiche come di consueto.
Nell'esempio seguente, i metodi getColor, addProperty e modifyProperty utilizzano this per accedere alla proprietà furniture ed eseguire varie operazioni.
getColorstampa il colore dell'armadio nella console utilizzandothisper riferirsi alle proprietà dell'oggetto;addPropertyaggiunge nuove proprietà all'oggetto furniture. Accetta due parametri:propertyName(il nome della nuova proprietà) epropertyValue(il valore da assegnare alla nuova proprietà);modifyPropertymodifica il valore di una proprietà esistente nell'oggettofurniture. Accetta due parametri:propertyName(il nome della proprietà da modificare) epropertyValue(il nuovo valore da assegnare alla proprietà).
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 garantisce che il metodo si riferisca sempre all'oggetto corretto, anche se il metodo viene riutilizzato o copiato altrove.
1. A cosa si riferisce la parola chiave this quando viene utilizzata all'interno di un metodo di un oggetto?
2. Nell'esempio fornito di seguito, qual è il ruolo del metodo getFeastPrice nell'oggetto menu?
3. Nell'esempio fornito di seguito, come si accede alla proprietà "cold appetizer" dell'oggetto menu utilizzando this?
Grazie per i tuoi commenti!
