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

javascriptthis.huidig object;

Voorbeeld

Laten we met behulp van this de waarde van het invoerveld dat de focus verliest naar de console uitvoeren:

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

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

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

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

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

Zie ook