Чем Function Declaration отличается от Function Expression?

В JavaScript функции можно создавать двумя основными способами: через Function Declaration и через Function Expression. Разница не только в синтаксисе, но и в том, как движок обрабатывает код до его выполнения.

Function Declaration

Это классическое объявление функции с именем:

function greet(name) {
  return 'Hello, ' + name;
}
console.log(greet('Anna')); // Hello, Anna

Такая функция полностью поднимается (hoisting) в начало своей области видимости. Это значит, что её можно вызвать даже до строки объявления:

console.log(greet('Bob')); // Hello, Bob
function greet(name) {
  return 'Hello, ' + name;
}

Function Expression

Здесь функция создаётся как часть выражения и обычно присваивается переменной:

const greet = function(name) {
  return 'Hello, ' + name;
};
console.log(greet('Anna')); // Hello, Anna

Поднимается только переменная greet, а не сама функция. Для var переменная будет undefined до присваивания, для let/const — temporal dead zone. Поэтому вызов до объявления приведёт к ошибке:

console.log(greet('Bob')); // TypeError: greet is not a function
const greet = function(name) {
  return 'Hello, ' + name;
};

Практические отличия

• Function Declaration имеет имя и может быть вызвана до объявления.
• Function Expression может быть анонимной и часто используется как колбэк или IIFE.
• Function Expression удобна для условного создания функций и замыканий.
• В строгом режиме Function Declaration внутри блока имеет блочную область видимости.

Итог: используйте Function Declaration для основных именованных функций, которые должны быть доступны во всей области видимости, а Function Expression — когда функция нужна как значение, колбэк или должна создаваться условно.