Värdet av this

Värdet this refererar till det aktuella objektet. Detta värde används i stor utsträckning i JavaScript, till exempel i funktioner och OOP.

Syntax

javascriptthis.aktuelltObjekt;

Exempel

Låt oss med hjälp av this skriva ut värdet på en input som förlorar fokus till konsolen:

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

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

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

Exempel

Låt oss med hjälp av this skriva ut värdet på en input som inte är i fokus till konsolen:

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

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

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

Exempel

Låt oss nu betrakta användningen av this i OOP. I klassen Student skriver vi en funktion show, som kommer att visa vår students förnamn och efternamn:

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 även