Jaka jest różnica między deklaracją funkcji a wyrażeniem funkcji?

Question

Accepted Answer

**Deklaracja** to nazwana instrukcja funkcji; **wyrażenie** przypisuje funkcję do zmiennej. Praktyczna różnica to **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"; };
```

## Dlaczego to ważne

Deklaracje funkcji są hoistowane **razem z ich ciałem**, więc cała funkcja istnieje zanim wykonanie do niej dojdzie. Wyrażenie funkcji to tylko wartość przypisana do zmiennej — w momencie wczesnego wywołania, `expressed` jest wciąż `undefined` (w przypadku `var`) lub w TDZ (w przypadku `let`/`const`).

## Kiedy użyć którego

```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) { ... }
```

Deklaracje czytają się dobrze dla funkcji nazwanych na najwyższym poziomie i korzystają z hoistingu (możesz je zdefiniować po ich użyciu). Wyrażenia są niezbędne dla funkcji strzałek, callbacków, IIFE i warunkowego przypisywania funkcji. Funkcje strzałek są zawsze wyrażeniami.