Værdien af this
Værdien this refererer til det aktuelle objekt.
Denne værdi bruges i vid udstrækning i JavaScript,
for eksempel i funktioner og OOP.
Syntaks
this.aktueltObjekt;
Eksempel
Lad os ved hjælp af this udskrive
værdien af inputfeltet, der mister fokus,
i konsollen:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Eksempel
Lad os ved hjælp af this udskrive
værdien af inputfeltet, der ikke er
i fokus, i konsollen:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Eksempel
Lad os nu se på anvendelsen af
this i OOP.
I klassen Student skriver vi funktionen show,
som vil vise vores students fornavn og efternavn:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
