Значение this - контекст вызова функции на JavaScript
Значение this ссылается на текущий обьект.
Это значение широко используется JavaScript,
например в функциях и ООП.
Синтаксис
this.текущий объект;
Пример
Давайте с помощью this выведем
значение инпута, который теряет фокус,
в консоль:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Пример
Давайте с помощью this выведем
значение инпута, который находится не
в фокусе, в консоль:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Пример
Теперь давайте рассмотрим применение
this в ООП.
В классе Student напишем функцию show,
которая будет показывать имя и фамилию
нашего студента:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());