Çfarë është hoisting?

Question

Accepted Answer

**Hoisting** është sjellja e JavaScript që lëviz **deklaratat** në pjesën e sipërme të fushës së tyre gjatë fazës së kompilimit, para se të ekzekutohet ndonjë kod. Por *si* diçka është hoisted ndryshon në varësi të llojit të deklaratës.

```js
console.log(a); // undefined  — `var a` is hoisted & initialized to undefined
var a = 1;

foo();          // "works!" — function declarations are fully hoisted
function foo() { console.log("works!"); }

console.log(b); // ❌ ReferenceError — temporal dead zone
let b = 2;
```

## Çfarë ndodhet me hoisting dhe si

- **`var`**: deklarata është hoisted dhe inicializuar në `undefined`. Kështu që leximi i hershëm jep `undefined`, jo një gabim.
- **Deklaratat `function`**: plotësisht hoisted — mund t'i thërritni përpara linjës së tyre të përkufizimit.
- **`let` / `const`**: hoisted por **jo të inicializuara**. Ato qëndrojnë në *Temporal Dead Zone* (TDZ) nga fillimi i bllokut deri në linjën e tyre të deklaratës; qasja në to në TDZ hedh një `ReferenceError`.
- **Shprehjet e funksionit** (`const f = () => {}`) *nuk janë* të thirrshme në fillim — vetëm lidhja `const`/`var` është hoisted, jo funksioni.

## Pse kjo ka rëndësi

Hoisting shpjegon "pse është ky `undefined`?" dhe "pse funksionon thërritja e kësaj funksioni përpara përkufizimit të saj?" TDZ për `let`/`const` është në të vërtetë një *veçori* — e shndërron gabimet e heshtura `undefined` në gabime të zëshme, duke ju nxitur të deklaroni përpara përdorimit.