Wartość this

Wartość this odnosi się do bieżącego obiektu. Ta wartość jest szeroko używana w JavaScripcie, na przykład w funkcjach i OOP.

Składnia

javascriptthis.obiekt_biezacy;

Przykład

Wyprowadźmy za pomocą this wartość inputa, który traci fokus, do konsoli:

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

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

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

Przykład

Wyprowadźmy za pomocą this wartość inputa, który nie znajduje się w fokusie, do konsoli:

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

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

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

Przykład

Teraz rozważmy zastosowanie this w OOP. W klasie Student napiszmy funkcję show, która będzie pokazywać imię i nazwisko naszego studenta:

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

Zobacz też