this vērtība

this vērtība norāda uz pašreizējo objektu. Šī vērtība tiek plaši izmantota JavaScript, piemēram, funkcijās un OOP.

Sintakse

javascriptthis.pašreizējais objekts;

Piemērs

Izmantosim this, lai izvadītu inputa vērtību, kas zaudē fokusu, konsole:

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

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

Piemērs

Izmantosim this, lai izvadītu inputa vērtību, kas nav fokusā, konsole:

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

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

Piemērs

Tagad apskatīsim this pielietojumu OOP. Klasē Student uzrakstīsim funkciju show, kas parādīs mūsu studenta vārdu un uzvārdu:

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

Skatiet arī

  • metode bind,
    kas piesēj kontekstu funkcijai
  • metode call,
    kas izsauc funkciju ar kontekstu
  • metode apply,
    kas izsauc funkciju ar kontekstu