Ominaisuuksien Käyttäminen Metodeissa
Syvennytään tarkemmin olioiden metodien käyttöön ja tutkitaan, miten metodit hyödyntävät this-avainsanaa olion ominaisuuksiin pääsemiseksi.
Ominaisuuksiin pääsy metodeissa
Kun määrittelemme metodin olion sisällä, voimme käyttää olion ominaisuuksia this-avainsanan avulla. this viittaa olioon, joka kutsui metodia, mahdollistaen sen ominaisuuksien käsittelyn. Havainnollistetaan tätä esimerkillä:
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: ƒ}
Metodissa getInfo avainsana this viittaa furniture-objektiin ja edustaa koko objektin sisäistä sisältöä.
Käytännön esimerkki
Metodeissa objektin ominaisuuksiin voidaan päästä käsiksi avainsanalla this ja käyttää pisteoperaattoria ominaisuuksien hakemiseen tavanomaisesti.
Alla olevassa esimerkissä metodit getColor, addProperty ja modifyProperty käyttävät this-avainsanaa päästäkseen käsiksi furniture-objektiin ja suorittaakseen erilaisia toimintoja.
getColortulostaa vaatekaapin värin konsoliin käyttämälläthis-viittausta objektin ominaisuuksiin;addPropertylisää uusia ominaisuuksia furniture-objektiin. Se ottaa kaksi parametria:propertyName(uuden ominaisuuden nimi) japropertyValue(uuden ominaisuuden arvo);modifyPropertymuuttaa olemassa olevan ominaisuuden arvoafurniture-objektissa. Se ottaa kaksi parametria:propertyName(muutettavan ominaisuuden nimi) japropertyValue(uusi arvo ominaisuudelle).
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
Huomio
Avainsanan
thiskäyttäminen on olennaista olioiden metodeissa. Se varmistaa, että metodi toimii juuri sen olion kanssa, joka kutsuu sitä, vaikka olion nimeä ei tiedettäisi etukäteen. Tämä ehkäisee mahdollisia ongelmia, kuten metodien kopioimista oliosta toiseen eri nimellä.
1. Mihin this-avainsana viittaa, kun sitä käytetään olion metodissa?
2. Alla olevassa esimerkissä, mikä on getFeastPrice-metodin rooli menu-oliolla?
3. Alla olevassa esimerkissä, miten pääset käsiksi "kylmä alkupala" -ominaisuuteen menu-oliossa käyttäen this-avainsanaa?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 2.27Ominaisuuksien Käyttäminen Metodeissa
Pyyhkäise näyttääksesi valikon
Syvennytään tarkemmin olioiden metodien käyttöön ja tutkitaan, miten metodit hyödyntävät this-avainsanaa olion ominaisuuksiin pääsemiseksi.
Ominaisuuksiin pääsy metodeissa
Kun määrittelemme metodin olion sisällä, voimme käyttää olion ominaisuuksia this-avainsanan avulla. this viittaa olioon, joka kutsui metodia, mahdollistaen sen ominaisuuksien käsittelyn. Havainnollistetaan tätä esimerkillä:
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: ƒ}
Metodissa getInfo avainsana this viittaa furniture-objektiin ja edustaa koko objektin sisäistä sisältöä.
Käytännön esimerkki
Metodeissa objektin ominaisuuksiin voidaan päästä käsiksi avainsanalla this ja käyttää pisteoperaattoria ominaisuuksien hakemiseen tavanomaisesti.
Alla olevassa esimerkissä metodit getColor, addProperty ja modifyProperty käyttävät this-avainsanaa päästäkseen käsiksi furniture-objektiin ja suorittaakseen erilaisia toimintoja.
getColortulostaa vaatekaapin värin konsoliin käyttämälläthis-viittausta objektin ominaisuuksiin;addPropertylisää uusia ominaisuuksia furniture-objektiin. Se ottaa kaksi parametria:propertyName(uuden ominaisuuden nimi) japropertyValue(uuden ominaisuuden arvo);modifyPropertymuuttaa olemassa olevan ominaisuuden arvoafurniture-objektissa. Se ottaa kaksi parametria:propertyName(muutettavan ominaisuuden nimi) japropertyValue(uusi arvo ominaisuudelle).
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
Huomio
Avainsanan
thiskäyttäminen on olennaista olioiden metodeissa. Se varmistaa, että metodi toimii juuri sen olion kanssa, joka kutsuu sitä, vaikka olion nimeä ei tiedettäisi etukäteen. Tämä ehkäisee mahdollisia ongelmia, kuten metodien kopioimista oliosta toiseen eri nimellä.
1. Mihin this-avainsana viittaa, kun sitä käytetään olion metodissa?
2. Alla olevassa esimerkissä, mikä on getFeastPrice-metodin rooli menu-oliolla?
3. Alla olevassa esimerkissä, miten pääset käsiksi "kylmä alkupala" -ominaisuuteen menu-oliossa käyttäen this-avainsanaa?
Kiitos palautteestasi!
