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();
};
Попробуйте сами »
