होइस्टिंग म्हणजे काय?

Question

Accepted Answer

**होइस्टिंग** हे JavaScript चे वर्तन आहे जे **declarations** त्यांच्या scope च्या वरच्या भागात compile phase दरम्यान हलवते, कोणतीही कोड चालू होण्यापूर्वी. पण *कसे* एक गोष्ट hoist केली जाते ते declaration प्रकारानुसार भिन्न आहे.

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

## काय hoist होते, आणि कसे

- **`var`**: declaration hoist होते आणि `undefined` साठी initialize होते. तर त्यास सुरुवातीला वाचणे `undefined` देते, error नाही.
- **`function` declarations**: पूर्ण hoist होते — आप त्यांना त्यांच्या व्याख्या ओळीपूर्वी call करू शकता.
- **`let` / `const`**: hoist होते पण **initialize नाही होते**. ते *Temporal Dead Zone* (TDZ) मध्ये block च्या सुरुवातीपासून त्यांच्या declaration ओळीपर्यंत बसतात; TDZ मध्ये त्यांना access करणे `ReferenceError` throw करते.
- **Function expressions** (`const f = () => {}`) सुरुवातीला callable नाहीत — फक्त `const`/`var` binding hoist होते, function नाही.

## ते महत्त्वाचे का आहे

होइस्टिंग समजावते "हे `undefined` का आहे?" आणि "हे function त्याच्या व्याख्येपूर्वी call करणे का कार्य करते?" `let`/`const` साठी TDZ खरेच एक *feature* आहे — ते silent `undefined` bugs ला जोरदार errors मध्ये बदलते, तुम्हाला वापरण्यापूर्वी declare करायला प्रोत्साहित करते.