Что такое стрелочные функции и чем они отличаются от обычных?

Стрелочные функции — это короткая запись + одно важное отличие: у них нет своего this, они берут this из окружающего кода (где объявлены).

Синтаксис:

// обычная
function add(a, b) { return a + b; }
// стрелочная
const add = (a, b) => a + b;

И вот тот самый this. Классический баг с обычной функцией внутри метода:

const timer = {
  seconds: 0,
  start() {
    setInterval(function () {
      this.seconds++; // this тут — НЕ timer, а window/undefined
    }, 1000);
  }
};

Со стрелкой this остаётся объектом timer:

setInterval(() => { this.seconds++; }, 1000); // работает как надо

Поэтому стрелки удобны для колбэков. Но НЕ используй их как методы объекта и как конструкторы (new с ними не работает).