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
this.aktuelltObjekt;
Exempel
Låt oss med hjälp av this skriva ut
värdet på en input som förlorar fokus
till konsolen:
<input id="elem" value="text">
let 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:
<input id="elem" value="text">
let 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:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
