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

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

const obj = {
  name: 'Test',
  regular: function() {
    console.log(this.name); // 'Test' (this = obj)
  },
  arrow: () => {
    console.log(this.name); // undefined (this берется из внешней области)
  }
};

obj.regular();
obj.arrow();

Ключевые отличия:

1. Нельзя изменить this через bind/call/apply
2. Не подходят для методов объекта
3. Хорошо работают как колбэки, сохраняя контекст родителя