Зачем ключевое слово this

Ключевое слово this в JavaScript ссылается на контекст выполнения функции. Оно динамически определяется в момент вызова функции и может указывать на разные объекты в зависимости от способа вызова.

Основные случаи:

• В методе объекта this ссылается на сам объект
• В обычной функции this ссылается на глобальный объект (window в браузере)
• В стрелочной функции this берется из окружающего контекста
• В обработчике событий this ссылается на элемент, к которому привязан обработчик

Пример:

const obj = {
  name: 'Test',
  logName() {
    console.log(this.name); // 'Test'
  }
};

function test() {
  console.log(this); // window (в нестрогом режиме)
}