Valoarea this

Valoarea this se referă la obiectul curent. Această valoare este utilizată pe scară largă în JavaScript, de exemplu în funcții și OOP.

Sintaxă

javascriptthis.obiectul curent;

Exemplu

Să afișăm în consolă valoarea inputului care pierde focusul, folosind this:

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

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

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

Exemplu

Să afișăm în consolă valoarea inputului care nu este în focus, folosind this:

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

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

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

Exemplu

Acum să analizăm utilizarea this în OOP. În clasa Student vom scrie funcția show, care va afișa numele și prenumele studentului nostru:

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

Vezi și