La valeur this

La valeur this fait référence à l'objet courant. Cette valeur est largement utilisée en JavaScript, par exemple dans les fonctions et la POO.

Syntaxe

javascriptthis.objet_courant;

Exemple

Utilisons this pour afficher la valeur de l'input qui perd le focus dans la console :

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

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

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

Exemple

Utilisons this pour afficher la valeur de l'input qui n'est pas en focus dans la console :

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

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

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

Exemple

Maintenant, examinons l'utilisation de this dans la POO. Dans la classe Student, écrivons une fonction show, qui affichera le nom et le prénom de notre étudiant :

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

Voir aussi