De waarde van this
De waarde this verwijst naar het huidige object.
Deze waarde wordt veel gebruikt in JavaScript,
bijvoorbeeld in functies en OOP.
Syntaxis
this.huidig object;
Voorbeeld
Laten we met behulp van this
de waarde van het invoerveld dat de focus verliest
naar de console uitvoeren:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Voorbeeld
Laten we met behulp van this
de waarde van het invoerveld dat zich niet
in focus bevindt, naar de console uitvoeren:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Voorbeeld
Laten we nu het gebruik van
this in OOP bekijken.
In de klas Student schrijven we een functie show,
die de voornaam en achternaam van
onze student zal tonen:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
