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

javascriptthis.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:

html<input id="elem" value="text">

javascriptlet 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:

html<input id="elem" value="text">

javascriptlet 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:

javascriptclass Student {
  name;
  surn;
  
  show() {
    return this.name + ' ' + this.surn;
  }
};
  
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());

Lásd még