Как объявляются функции в JavaScript и чем отличаются function declaration и arrow function?

В JavaScript существует несколько способов объявления функций, но чаще всего сравнивают function declaration и arrow function.

Function declaration

function sum(a, b) {
  return a + b;
}

Особенности:

• поднимается (hoisting)

• имеет собственный this

• можно использовать как конструктор

Arrow function

const sum = (a, b) => a + b;

Особенности:

• не имеет собственного this

• не поднимается как declaration

• нельзя использовать с new

Главное отличие this

const obj = {
  value: 10,
  method() {
    setTimeout(() => {
      console.log(this.value);
    });
  }
};

Arrow function берет this из внешнего контекста.

Когда что использовать

• Arrow function — колбэки, обработчики, функциональные компоненты

• Function declaration — методы, конструкторы, API

Вывод

Arrow function удобны для коротких функций и колбэков, а function declaration — для объявлений, требующих hoisting или собственного контекста.