Kuo skiriasi funkcijos deklaracija ir funkcijos išraiška?

Question

Accepted Answer

A **declaration** yra pavadinta funkcijos išraiška; an **expression** priskiria funkciją kintamajam. Praktinis skirtumas yra **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"; };
```

## Kodėl skirtumas

Funkcijosiadeklaracijos yra pakeltos **su jų kūnu**, todėl visa funkcija egzistuoja prieš vykdymui ją pasiekiant. A function expression yra tik reikšmė, priskirta kintamajam — ankstyvojo iškvietimo vietoje, `expressed` vis dar yra `undefined` (`var` atveju) arba TDZ (`let`/`const` atveju).

## Kada naudoti kurią

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

Declarations skaitosi gerai aukšto lygio pavadintoms funkcijoms ir naudojasi hoisting privalumais (galite jas apibrėžti po jų naudojimo). Expressions yra būtinas arrow funkcijoms, callback'ams, IIFE'ams ir sąlyginiam funkcijų priskyrimo. Arrow funkcijos visada yra išraiškos.