This-arvon merkitys

this-arvo viittaa nykyiseen olioon. Tätä arvoa käytetään laajalti JavaScriptissä, esimerkiksi funktioissa ja OOP:ssa.

Syntaksi

javascriptthis.nykyinen olio;

Esimerkki

Käytetään this-arvoa tulostamaan input-kentän arvo, joka menettää fokuksen, konsoliin:

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

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

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

Esimerkki

Käytetään this-arvoa tulostamaan input-kentän arvo, joka ei ole fokuksessa, konsoliin:

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

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

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

Esimerkki

Tarkastellaan nyt this-arvon käyttöä OOP:ssa. Luokassa Student kirjoitetaan funktio show, joka näyttää opiskelijamme etu- ja sukunimen:

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

Katso myös