Die Bedeutung von this
Der Wert this verweist auf das aktuelle Objekt.
Dieser Wert wird in JavaScript weit verbreitet verwendet,
zum Beispiel in Funktionen und OOP.
Syntax
this.aktuellesObjekt;
Beispiel
Lassen Sie uns mit this
den Wert eines Input-Feldes, das den Fokus verliert,
in der Konsole ausgeben:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Beispiel
Lassen Sie uns mit this
den Wert eines Input-Feldes, das sich nicht
im Fokus befindet, in der Konsole ausgeben:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Beispiel
Betrachten wir nun die Anwendung von
this in der OOP.
In der Klasse Student schreiben wir eine Funktion show,
die den Vor- und Nachnamen
unseres Studenten anzeigt:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
