होइस्टिङ्ग के हो?

Question

होइस्टिङ्ग के हो?

Accepted Answer

**होइस्टिङ्ग** JavaScript को व्यवहार हो जसले **declarations** लाई तिनीहरूको scope को शीर्षमा compile चरणमा सारिन्छ, कुनै पनि कोड चलाइनुअघि। तर *कसरी* केही होइस्ट गरिएको हो यो 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;
```

## के होइस्ट हुन्छ, र कसरी

- **`var`**: declaration होइस्ट गरिएको र `undefined` मा initialize गरिएको। त्यसो गर्दा यो सुरुमा पढ्नु भने `undefined` दिन्छ, त्रुटि होइन।
- **`function` declarations**: पूर्ण रूपमा होइस्ट गरिएको — तपाइँ यसलाई यसको परिभाषा लाइनको पहिले बोलाउन सक्नुहुन्छ।
- **`let` / `const`**: होइस्ट गरिएको तर **initialize गरिएको छैन**। यिनीहरु block को सुरुदेखि यिनीहरुको declaration लाइनसम्म *Temporal Dead Zone* (TDZ) मा बस्छन्; यिनीहरुलाई TDZ मा पहुँच गर्नु `ReferenceError` फेङ्ग गर्छ।
- **Function expressions** (`const f = () => {}`) सुरुमा बोलाउन योग्य छैनन् — केवल `const`/`var` binding होइस्ट गरिएको हो, function होइन।

## यो किन महत्त्वपूर्ण छ

होइस्टिङ्ग "यो किन `undefined` हो?" र "यो function लाई यसको परिभाषा अगि बोलाउनु किन काम गर्छ?" व्याख्या गर्छ। `let`/`const` को लागि TDZ वास्तवमा एक *feature* हो — यो silent `undefined` bugs लाई जोरिलो errors मा परिणत गर्छ, तपाइँलाई प्रयोग गर्नु अगि declare गर्न उत्साहित गर्छ।