This-arvon merkitys
this-arvo viittaa nykyiseen olioon.
Tätä arvoa käytetään laajalti JavaScriptissä,
esimerkiksi funktioissa ja OOP:ssa.
Syntaksi
this.nykyinen olio;
Esimerkki
Käytetään this-arvoa tulostamaan
input-kentän arvo, joka menettää fokuksen,
konsoliin:
<input id="elem" value="text">
let 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:
<input id="elem" value="text">
let 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:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
