Какие способы привязки контекста функции существуют в JavaScript?

Question

В JavaScript контекст функции можно привязывать разными способами.
Основные способы — bind, call и apply.
Также контекст зависит от способа вызова функции.
Стрелочные функции имеют особое поведение this.

YeaHub · Accepted Answer

Контекст выполнения (this) в JavaScript определяется не местом объявления функции, а способом её вызова.ОпределениеКонтекст функции — это значение this, доступное внутри тела функции.Явная привязка контекстаJavaScript предоставляет методы:call — вызывает функцию с заданным this и аргументамиapply — аналогичен call, но принимает массив аргументовbind — возвращает новую функцию с привязанным thisfunction greet() {
  console.log(this.name);
}

const user = { name: 'Alex' };
greet.call(user);
Контекст через способ вызоваКонтекст зависит от формы вызова:метод объекта → this указывает на объектобычный вызов → undefined (в strict mode)Стрелочные функцииУ стрелочных функций:нет собственного thisthis берётся из внешней области видимостиЭто удобно для колбэков и обработчиков.Когда возникают ошибкиПроблемы с this часто появляются:при передаче методов как колбэковв обработчиках событийпри работе с таймерамиКраткий выводКонтекст в JavaScript управляется способом вызова функции. Явная привязка и стрелочные функции помогают избежать ошибок с this.