Почему при вызове this в стрелочной функции выводится контекст родителя

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

Пример:

const obj = {
  name: 'Parent',
  regularFunc: function() {
    console.log(this.name); // 'Parent'
    const arrowFunc = () => {
      console.log(this.name); // 'Parent' (наследует this из regularFunc)
    };
    arrowFunc();
  }
};
obj.regularFunc();

Ключевые моменты:

1. Стрелочные функции используют лексический this (берут его из внешней области)
2. Нельзя изменить this стрелочной функции через bind, call или apply
3. Это поведение полезно в колбэках и методах классов (особенно в React)