Вредност 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,
    што ја повикува функцијата со контекст