JavaScript Методи об’єкту
Приклад
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " + this.lastName;
}
};
Спробуйте самі »
Ключове слово this
У визначені функції this відноситься до "власника" функції.
В наведеному вище прикладі this є персональним об’єктом, що "володіє" функцією fullName.
Іншими словами, this.firstName означає властивість firstName цього об’єкту (this об’єкту).
Докладніше про ключове слово this дивіться в розділі JS Ключове слово this на нашому сайті W3Schools українською.
JavaScript Методи
Методи JavaScript - це дії, які можна виконувати з об’єктами.
JavaScript метод - це властивість, що містить визначення функції.
| Властивість | Значення |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + " " + this.lastName;} |
Методи - це функції, що зберігаються як властивості об’єкту.
Доступ до методів об’єкту
Ви отримуєте доступ до об’єктному методу з наступним синтаксисом:
objectName.methodName()
Зазвичай ви описуєте fullName() як метод об’єкту person, а fullName як властивість.
Властивість fullName буде виконуватись (як функція), коли вона викликається за допомогою скобок ().
В цьому прикладі виконується доступ до методу fullName() об’єкту person:
Якщо ви отримаєте доступ до властивості fullName без (), вона поверне визначення функції:
Додавання методу до об’єкту
Додати новий метод до об’єкту дуже просто:
Використання вбудованих методів
В цьому прикладі використовується метод toUpperCase() об’єкту String для конвертації тексту в верхній регістр:
let message = "Hello world!";
let x = message.toUpperCase();
Значення x після виконання наведеного вище коду буде:
HELLO WORLD!
Приклад
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};
Спробуйте самі »
