Vlera e this

Vlera this i referohet objektit aktual. Kjo vlerë përdoret gjerësisht në JavaScript, për shembull në funksionet dhe OOP.

Sintaksa

javascriptthis.objekti aktual;

Shembull

Le të shfaqim në konsolë vlerën e inputit që humb fokusin duke përdorur this:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

Shembull

Le të shfaqim në konsolë vlerën e inputit që nuk është në fokus, duke përdorur this:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

Shembull

Tani le të shqyrtojmë zbatimin e this në OOP. Në klasën Student le të shkruajmë një funksion show, që do të shfaqë emrin dhe mbiemrin e studentit tonë:

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

Shihni gjithashtu