Как взаимодействует стрелочная функция с контекстом

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

const obj = {
  name: 'Alice',
  greet: function() {
    setTimeout(() => {
      console.log(this.name); // 'Alice' (наследует this из greet)
    }, 100);
  },
  greetError: function() {
    setTimeout(function() {
      console.log(this.name); // undefined (свой this у setTimeout)
    }, 100);
  }
};
obj.greet();
obj.greetError();

Ключевые особенности:

• Нельзя изменить this через call, apply или bind
• Не имеют собственного объекта arguments
• Не могут быть конструкторами (вызов с new вызовет ошибку)