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
this.objet_courant;
Exemple
Utilisons this pour afficher
la valeur de l'input qui perd le focus
dans la console :
<input id="elem" value="text">
let 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 :
<input id="elem" value="text">
let 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 :
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
