Використання Властивостей у Методах
Давайте детальніше розглянемо використання методів об'єкта та дослідимо, як методи використовують ключове слово this для доступу до властивостей об'єкта.
Доступ до властивостей об'єкта в методах
Коли ми визначаємо метод всередині об'єкта, ми можемо отримати доступ до властивостей об'єкта за допомогою ключового слова this. this посилається на об'єкт, який викликав метод, що дозволяє взаємодіяти з його властивостями. Розглянемо цю концепцію на прикладі:
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: ƒ}
У методі getInfo ключове слово this посилається на об'єкт furniture і представляє весь внутрішній вміст об'єкта.
Практичний приклад
У методах можна отримувати доступ до властивостей об'єкта через this, використовуючи крапкову нотацію для звернення до конкретних властивостей.
У наведеному нижче прикладі методи getColor, addProperty та modifyProperty використовують this для доступу до властивостей об'єкта furniture та виконання різних операцій.
getColorвиводить колір шафи у консоль, використовуючиthisдля звернення до властивостей об'єкта;addPropertyдодає нові властивості до об'єкта furniture. Приймає два параметри:propertyName(назва нової властивості) таpropertyValue(значення, яке буде присвоєно новій властивості);modifyPropertyзмінює значення існуючої властивості в об'єктіfurniture. Приймає два параметри:propertyName(назва властивості для зміни) таpropertyValue(нове значення для властивості).
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є важливим у методах об'єкта. Воно гарантує, що метод працює з конкретним об'єктом, який його викликає, навіть якщо ім'я цього об'єкта невідоме заздалегідь. Це дозволяє уникнути потенційних проблем, наприклад, при копіюванні методів з одного об'єкта до іншого з іншим ім'ям.
1. Що означає ключове слово this, коли використовується всередині методу об'єкта?
2. У наведеному нижче прикладі, яку роль виконує метод getFeastPrice в об'єкті menu?
3. У наведеному нижче прикладі, як отримати доступ до властивості "cold appetizer" об'єкта menu за допомогою this?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.27Використання Властивостей у Методах
Свайпніть щоб показати меню
Давайте детальніше розглянемо використання методів об'єкта та дослідимо, як методи використовують ключове слово this для доступу до властивостей об'єкта.
Доступ до властивостей об'єкта в методах
Коли ми визначаємо метод всередині об'єкта, ми можемо отримати доступ до властивостей об'єкта за допомогою ключового слова this. this посилається на об'єкт, який викликав метод, що дозволяє взаємодіяти з його властивостями. Розглянемо цю концепцію на прикладі:
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: ƒ}
У методі getInfo ключове слово this посилається на об'єкт furniture і представляє весь внутрішній вміст об'єкта.
Практичний приклад
У методах можна отримувати доступ до властивостей об'єкта через this, використовуючи крапкову нотацію для звернення до конкретних властивостей.
У наведеному нижче прикладі методи getColor, addProperty та modifyProperty використовують this для доступу до властивостей об'єкта furniture та виконання різних операцій.
getColorвиводить колір шафи у консоль, використовуючиthisдля звернення до властивостей об'єкта;addPropertyдодає нові властивості до об'єкта furniture. Приймає два параметри:propertyName(назва нової властивості) таpropertyValue(значення, яке буде присвоєно новій властивості);modifyPropertyзмінює значення існуючої властивості в об'єктіfurniture. Приймає два параметри:propertyName(назва властивості для зміни) таpropertyValue(нове значення для властивості).
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є важливим у методах об'єкта. Воно гарантує, що метод працює з конкретним об'єктом, який його викликає, навіть якщо ім'я цього об'єкта невідоме заздалегідь. Це дозволяє уникнути потенційних проблем, наприклад, при копіюванні методів з одного об'єкта до іншого з іншим ім'ям.
1. Що означає ключове слово this, коли використовується всередині методу об'єкта?
2. У наведеному нижче прикладі, яку роль виконує метод getFeastPrice в об'єкті menu?
3. У наведеному нижче прикладі, як отримати доступ до властивості "cold appetizer" об'єкта menu за допомогою this?
Дякуємо за ваш відгук!
