Pomen this

Vrednost this se sklicuje na trenutni objekt. To vrednost pogosto uporablja JavaScript, na primer v funkcijah in OOP.

Sintaksa

javascriptthis.trenutni objekt;

Primer

Izpišimo s pomočjo this vrednost vnosnega polja, ki izgubi fokus, v konzolo:

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

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

Primer

Izpišimo s pomočjo this vrednost vnosnega polja, ki ni v fokusu, v konzolo:

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

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

Primer

Zdaj pa poglejmo uporabo this v OOP. V razredu Student napišimo funkcijo show, ki bo prikazala ime in priimek našega študenta:

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

Glej tudi

  • metoda bind,
    ki veže kontekst na funkcijo
  • metoda call,
    ki kliče funkcijo s kontekstom
  • metoda apply,
    ki kliče funkcijo s kontekstom