Vrednost this

Vrednost this referiše na trenutni objekat. Ova vrednost se široko koristi u JavaScript-u, na primer u funkcijama i OOP.

Sintaksa

javascriptthis.trenutni objekat;

Primer

Hajde da uz pomoć this ispišemo vrednost input polja, koje izgubi fokus, u konzolu:

html<input id="elem" value="text">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Primer

Hajde da uz pomoć this ispišemo vrednost input polja, koje nije u fokusu, u konzolu:

html<input id="elem" value="text">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Primer

Sada hajde da razmotrimo primenu this u OOP. U klasi Student napišimo funkciju show, koja će prikazivati ime i prezime našeg studenta:

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

Vidite takođe

  • metoda bind,
    koji vezuje kontekst za funkciju
  • metoda call,
    koji poziva funkciju sa kontekstom
  • metoda apply,
    koji poziva funkciju sa kontekstom