Вредност this

Вредност this указује на тренутни објекат. Ову вредност JavaScript широко користи, на пример у функцијама и ООП-у.

Синтакса

javascriptthis.тренутни објекат;

Пример

Хајде да уз помоћ this испишемо вредност инпута који губи фокус у конзолу:

html<input id="elem" value="text">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Пример

Хајде да уз помоћ this испишемо вредност инпута који није у фокусу у конзолу:

html<input id="elem" value="text">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Пример

Сада хајде да размотримо употребу this у ООП-у. У класи Student напишимо функцију show, која ће приказивати име и презиме нашег студента:

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

Погледајте такође

  • метод bind,
    који везује контекст за функцију
  • метод call,
    који позива функцију са контекстом
  • метод apply,
    који позива функцију са контекстом