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

javascriptthis.aktuellesObjekt;

Beispiel

Lassen Sie uns mit this den Wert eines Input-Feldes, das den Fokus verliert, in der Konsole ausgeben:

html<input id="elem" value="text">

javascriptlet 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:

html<input id="elem" value="text">

javascriptlet 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:

javascriptclass Student {
  name;
  surn;
  
  show() {
    return this.name + ' ' + this.surn;
  }
};
  
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());

Siehe auch