В обычной функции this определяется в момент вызова: obj.method() — obj; простой вызов f() — undefined в строгом режиме; new F() — новый объект; call/apply/bind — заданный явно. Стрелочная функция своего this не имеет — берёт его из окружения, где создана.
А ещё В классах обработчики часто объявляют стрелками в полях класса
Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.
Правила по приоритету:
sottonew F() — this = новый объект;call, apply, bind;obj.f() — this = obj;f() — undefined в строгом режиме (в модулях и классах он всегда строгий), иначе глобальный объект.Потеря контекста: button.addEventListener("click", this.onClick) передаёт функцию без объекта. Решения: this.onClick.bind(this), стрелочная обёртка, метод-стрелка в поле класса.
Стрелочные функции лексически захватывают this и arguments внешней функции. Поэтому их удобно использовать в колбэках внутри методов, но нельзя делать методами объектов, которым нужен свой this.
const user = {
name: "Аня",
hi() { return this.name; },
hiLater() { setTimeout(() => console.log(this.name)); }, // стрелка — this от hiLater
};
user.hi(); // "Аня"
const f = user.hi;
f(); // undefined или ошибка — this потерян
const g = user.hi.bind(user);
g(); // "Аня"sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.