Betydningen av this

Verdien this refererer til det gjeldende objektet. Denne verdien er mye brukt i JavaScript, for eksempel i funksjoner og OOP.

Syntaks

javascriptthis.gjeldendeObjekt;

Eksempel

La oss ved hjelp av this skrive ut verdien til input-feltet som mister fokus, til konsollen:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

Eksempel

La oss ved hjelp av this skrive ut verdien til input-feltet som ikke er i fokus, til konsollen:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

Eksempel

La oss nå se på bruken av this i OOP. I klassen Student skal vi skrive funksjonen show, som vil vise fornavn og etternavn til studenten vår:

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

Se også