Wartość this
Wartość this odnosi się do bieżącego obiektu.
Ta wartość jest szeroko używana w JavaScripcie,
na przykład w funkcjach i OOP.
Składnia
this.obiekt_biezacy;
Przykład
Wyprowadźmy za pomocą this
wartość inputa, który traci fokus,
do konsoli:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Przykład
Wyprowadźmy za pomocą this
wartość inputa, który nie znajduje się
w fokusie, do konsoli:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Przykład
Teraz rozważmy zastosowanie
this w OOP.
W klasie Student napiszmy funkcję show,
która będzie pokazywać imię i nazwisko
naszego studenta:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());