Hoisting ni nini?

Question

Hoisting ni nini?

Accepted Answer

**Hoisting** ni tabia ya JavaScript ya kuhamisha **deklaresheni** kwenda juu ya scope yao wakati wa awamu ya kuorodhesha, kabla ya msimbo wowote kuonekana. Lakini *jinsi* kitu kinatarajiwa hoisted inatofautiana kulingana na aina ya deklaresheni.

```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;
```

## Kile kinachohoistiwa, na jinsi gani

- **`var`**: deklaresheni inahoistiwa na kuanzishwa kuwa `undefined`. Kwa hivyo kusoma mapema hupatia `undefined`, si hitilafu.
- **`function`-deklaresheni**: zote hoisted kabisa — unaweza kuita kabla ya mstari wake wa ufafanuzi.
- **`let` / `const`**: hoisted lakini **sio kuanzishwa**. Wanakaa katika *Temporal Dead Zone* (TDZ) kutoka mwanzo wa kizuizi hadi mstari wao wa deklaresheni; kufikia katika TDZ hurusha `ReferenceError`.
- **Misemo ya kazi** (`const f = () => {}`) si *inayoitwa* mapema — inakuomba tu `const`/`var` inaoshikilia hoisted, si kazi.

## Kwa nini ni muhimu

Hoisting inaeleza "kwa nini hii ni `undefined`?" na "kwa nini inaonekana kupiga simu kazi hii kabla ya ufafanuzi wake?" TDZ kwa `let`/`const` kwa kweli ni *feature* — inabadilisha `undefined`-bugs zisizosikika kuwa hitilafu kubwa, na kukutia motisha kutekeleza kabla ya matumizi.