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

Question

Function declaration объявляется через ключевое слово function и поднимается (hoisting). Arrow function записывается через стрелочный синтаксис и не имеет собственного this. Также arrow function нельзя использовать как конструктор и у нее нет arguments.

YeaHub · Accepted Answer

В JavaScript существует несколько способов объявления функций, но чаще всего сравнивают function declaration и arrow function.Function declarationfunction sum(a, b) {
  return a + b;
}
Особенности:поднимается (hoisting)имеет собственный thisможно использовать как конструкторArrow functionconst sum = (a, b) => a + b;
Особенности:не имеет собственного thisне поднимается как declarationнельзя использовать с newГлавное отличие thisconst obj = {
  value: 10,
  method() {
    setTimeout(() => {
      console.log(this.value);
    });
  }
};
Arrow function берет this из внешнего контекста.Когда что использоватьArrow function — колбэки, обработчики, функциональные компонентыFunction declaration — методы, конструкторы, APIВыводArrow function удобны для коротких функций и колбэков, а function declaration — для объявлений, требующих hoisting или собственного контекста.