Hoisting అంటే ఏమిటి?

Question

Accepted Answer

**Hoisting** అనేది JavaScript యొక్క **declarations**-ను వాటి scope-ల కిందకు కదిలించే ప్రవర్తన, ఇది compile phase-లో జరుగుతుంది, ఏ కోడ్ నడవకముందు. కానీ ఏదైనా 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` వస్తుంది, లోపం కాదు.
- **`function` declarations**: పూర్తిగా hoisted — వాటి definition line-ముందు వాటిని call చేయవచ్చు.
- **`let` / `const`**: hoisted కానీ **initialize చేయబడలేదు**. అవి block-ప్రారంభం నుండి వాటి declaration line వరకు *Temporal Dead Zone* (TDZ)-లో ఉంటాయి; TDZ-లో వాటిని access చేస్తే `ReferenceError` throw చేస్తుంది.
- **Function expressions** (`const f = () => {}`) ముందుగా *callable కాదు* — `const`/`var` binding మాత్రమే hoisted, function కాదు.

## ఎందుకు ఇది పవిత్రమైనదైనా

Hoisting "ఇది `undefined` ఎందుకు?" మరియు "ఈ function-ని దాని definition-ముందు call చేయడం ఎందుకు పని చేస్తుంది?" అని వివరిస్తుంది. `let`/`const`-కు సంబంధించిన TDZ నిజానికి ఒక *feature* — ఇది నిశ్శబ్ద `undefined` bugs-లను బిగ్గర errors-గా మార్చుతుంది, declare చేయమని use-ముందు ప్రోత్సహిస్తుంది.