Il valore di this

Il valore this fa riferimento all'oggetto corrente. Questo valore è ampiamente utilizzato in JavaScript, ad esempio nelle funzioni e nella OOP.

Sintassi

javascriptthis.oggetto corrente;

Esempio

Usiamo this per stampare il valore dell'input che perde il focus in console:

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

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

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

Esempio

Usiamo this per stampare il valore dell'input che non è in focus in console:

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

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

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

Esempio

Ora consideriamo l'uso di this nella OOP. Nella classe Student scriviamo la funzione show, che mostrerà il nome e il cognome del nostro studente:

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

Vedi anche