В чем заключается разница между объявлением функции и функциональным выражением?

Question

Accepted Answer

**Объявление** — это именованное утверждение функции; **выражение** присваивает функцию переменной. Практическая разница заключается в **hoisting**.

```js
// Declaration — fully hoisted, callable before its line
declared();             // ✅ works
function declared() { return "hi"; }

// Expression — only the variable binding is hoisted, not the function
expressed();            // ❌ TypeError: expressed is not a function
var expressed = function () { return "hi"; };
```

## Почему это важно

Объявления функций поднимаются **вместе с их телом**, поэтому вся функция существует до того, как выполнение до неё дойдёт. Функциональное выражение — это просто значение, присвоенное переменной — в точке раннего вызова `expressed` всё ещё `undefined` (с `var`) или находится в TDZ (с `let`/`const`).

## Когда использовать каждое

```js
// expression — for callbacks, conditional definitions, arrow functions
const handler = () => doThing();
const fn = condition ? a : b;
arr.map(x => x * 2);

// declaration — clear, hoisted top-level functions
function calculateTotal(items) { ... }
```

Объявления хорошо читаются для именованных функций верхнего уровня и получают преимущества от hoisting (вы можете определить их после их использования). Выражения необходимы для стрелочных функций, обратных вызовов, IIFE и условного присваивания функций. Стрелочные функции всегда являются выражениями.