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

javascriptthis.huidige voorwerp;

Voorbeeld

Laat ons met behulp van this die waarde van 'n invoerveld wat fokus verloor, in die konsole vertoon:

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

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

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

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

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

Sien ook