A this értéke
A this értéke az aktuális objektumra hivatkozik.
Ezt az értéket széles körben használja a JavaScript,
például függvényekben és OOP-ben.
Szintaxis
this.aktuális objektum;
Példa
Most a this segítségével írjuk ki
annak az inputnak az értékét a konzolra,
amely elveszti a fókuszt:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Példa
Most a this segítségével írjuk ki
annak az inputnak az értékét a konzolra,
amely nincs fókuszban:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Példa
Most vizsgáljuk meg a this alkalmazását
az OOP-ben.
A Student osztályban írjunk egy show függvényt,
amely megmutatja a diákunk kereszt- és vezetéknevét:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());