X'inhu d-differenza bejn deklarazzjoni ta' funzjoni u espressjoni ta' funzjoni?

Question

Accepted Answer

A **declaration** hija statement ta' funzjoni msemmija; an **expression** tassenja funzjoni lil varjabbli. Id-differenza prattika hija **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"; };
```

## Għaliex id-differenza

Funzjoni declarations huma hoisted **mal-qorpihom**, għalhekk il-funzjoni sħiħa teżisti qabel ma l-eżekuzzjoni tilħaqha. A function expression hija biss valur assignat lil varjabbli — fil-punt tal-ewwel sejħa, `expressed` għad `undefined` (ma' `var`) jew fit-TDZ (ma' `let`/`const`).

## Meta tintuża liema

```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 jinqraw tajjeb għal funzjonijiet msemmija ta' livell ta' fuq u jibbenefika minn hoisting (tista' tiddefinihom wara l-użu tagħhom). Expressions huma meħtieġa għal arrow functions, callbacks, IIFEs, u l-assenjazzjoni ta' funzjonijiet bi mod kundizzjonali. Arrow functions huma dejjem expressions.