Стойността 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());

Вижте също