Значэнне 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,
    які выклікае функцыю з кантэкстам