АКЦЫЯ: бясплатныя месячныя курсы па стварэнні сайтаў
на выбар: вёрстка, JavaScript, PHP, Python або фрэймворкі. Сёння апошні дзень для запісу! Націскай!
234 of 264 menu

Значэнне this

Значэнне this спасылаецца на бягучы аб'ект. Гэта значэнне шырока выкарыстоўваецца JavaScript, напрыклад у функцыях і ААП.

Сінтаксіс

this.бягучы аб'ект;

Прыклад

Давайце з дапамогай this вывядзем значэнне інпута, які губляе фокус, у кансоль:

<input id="elem" value="text"> let input = document.querySelector('#elem'); input.addEventListener('blur', func); function func() { console.log(this.value); }

Прыклад

Давайце з дапамогай this вывядзем значэнне інпута, які знаходзіцца не ў фокусе, у кансоль:

<input id="elem" value="text"> let input = document.querySelector('#elem'); input.addEventListener('blur', func); function func() { console.log(this.value); }

Прыклад

Цяпер давайце разгледзім прымяненне this у ААП. У класе Student напішам функцыю show, якая будзе паказваць імя і прозвішча нашага студэнта:

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