Waarde van this
Die waarde van this verwys na die huidige voorwerp.
Hierdie waarde word wyd in JavaScript gebruik,
bv. in funksies en OOP.
Sintaksis
this.huidige voorwerp;
Voorbeeld
Laat ons met behulp van this
die waarde van 'n invoerveld wat fokus verloor,
in die konsole vertoon:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Voorbeeld
Laat ons met behulp van this
die waarde van 'n invoerveld wat nie
in fokus is nie, in die konsole vertoon:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Voorbeeld
Laat ons nou die toepassing van
this in OOP ondersoek.
In die klas Student skryf ons 'n funksie show,
wat die naam en van van
ons student sal vertoon:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());