Koja je razlika između deklaracije funkcije i izraza funkcije?

Question

Accepted Answer

**Deklaracija** je nametnutu nizu funkcija; **izraz** dodjeljuje funkciju varijabli. Praktična razlika je **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"; };
```

## Zašto je razlika važna

Deklaracije funkcija se podižu **s njihovim tijelom**, pa cijela funkcija postoji prije nego što izvršavanje do nje dođe. Izraz funkcije je samo vrijednost dodijeljena varijabli — u trenutku ranog poziva, `expressed` je još uvijek `undefined` (`var`) ili u TDZ (`let`/`const`).

## Kad koristiti koju

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

Deklaracije se dobro čitaju za funkcije na vrhu razine i imaju koristi od hostinga (možete ih definirati nakon njihove upotrebe). Izrazi su potrebni za strelice, povratne pozive, IIFEs i uvjetnu dodjelu funkcija. Strelice su uvijek izrazi.