Hoisting کیا ہے؟

Question

Hoisting کیا ہے؟

Accepted Answer

**Hoisting** JavaScript کا رویہ ہے جو **declarations** کو compile phase میں ان کی scope کے اوپری حصے میں منتقل کرتا ہے، کسی بھی کوڈ کے چلنے سے پہلے۔ لیکن *کس طرح* کوئی چیز hoisted ہوتی ہے یہ declaration type پر منحصر ہے۔

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

## کیا hoisted ہوتا ہے، اور کیسے

- **`var`**: declaration hoisted اور `undefined` میں initialize ہوتا ہے۔ اس لیے اسے جلدی پڑھنے سے `undefined` ملتا ہے، نہ کہ error۔
- **`function` declarations**: مکمل طور پر hoisted — آپ انہیں ان کی definition line سے پہلے call کر سکتے ہیں۔
- **`let` / `const`**: hoisted لیکن **initialize نہیں ہوتے**۔ وہ block کے آغاز سے ان کی declaration line تک *Temporal Dead Zone* (TDZ) میں رہتے ہیں؛ TDZ میں ان تک رسائی `ReferenceError` پھینکتی ہے۔
- **Function expressions** (`const f = () => {}`) جلدی *callable نہیں* — صرف `const`/`var` binding hoisted ہوتا ہے، function نہیں۔

## یہ کیوں اہم ہے

Hoisting وضاحت کرتا ہے "یہ `undefined` کیوں ہے؟" اور "اس function کو اس کی definition سے پہلے call کرنا کیوں کام کرتا ہے؟" `let`/`const` کے لیے TDZ اصل میں ایک *feature* ہے — یہ خاموشی سے `undefined` bugs کو زور سے errors میں تبدیل کرتا ہے، جو آپ کو استعمال سے پہلے declare کرنے کی ترغیب دیتا ہے۔