Hoisting ਕੀ ਹੈ?

Question

Hoisting ਕੀ ਹੈ?

Accepted Answer

**Hoisting** JavaScript ਦਾ ਵਿਵਹਾਰ ਹੈ ਜੋ **ਘੋਸ਼ਣਾਵਾਂ** ਨੂੰ ਕਿਸੇ ਵੀ ਕੋਡ ਨੂੰ ਚਲਾਏ ਜਾਣ ਤੋਂ ਪਹਿਲਾਂ ਕੰਪਾਇਲ ਪੜਾਅ ਵਿੱਚ ਇਹਨਾਂ ਦੇ ਸਕੋਪ ਦੇ ਸਿਖ਼ਰ ਵੱਲ ਲੈ ਜਾਂਦਾ ਹੈ। ਪਰ *ਕਿਵੇਂ* ਕੋਈ ਚੀਜ਼ hoisted ਹੁੰਦੀ ਹੈ ਇਹ ਘੋਸ਼ਣਾ ਦੀ ਕਿਸਮ ਦੇ ਆਧਾਰ ਤੇ ਵੱਖਰਾ ਹੁੰਦਾ ਹੈ।

```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`**: ਘੋਸ਼ਣਾ hoisted ਅਤੇ `undefined` ਤੱਕ ਸ਼ੁਰੂ ਕੀਤੀ ਗਈ। ਇਸ ਲਈ ਇਸ ਨੂੰ ਜਲਦੀ ਪੜ੍ਹਨਾ `undefined` ਦਿੰਦਾ ਹੈ, ਇਕ ਗਲਤੀ ਨਹੀਂ।
- **`function` ਘੋਸ਼ਣਾਵਾਂ**: ਪੂਰੀ ਤਰ੍ਹਾਂ hoisted — ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਆਪਣੀ ਪਰਿਭਾਸ਼ਾ ਦੀ ਲਾਈਨ ਤੋਂ ਪਹਿਲਾਂ ਕਾਲ ਕਰ ਸਕਦੇ ਹੋ।
- **`let` / `const`**: hoisted ਪਰ **ਸ਼ੁਰੂ ਨਹੀਂ ਕੀਤਾ ਗਿਆ**। ਇਹ ਬਲਾਕ ਦੀ ਸ਼ੁਰੂਆਤ ਤੋਂ ਲੈ ਕੇ ਆਪਣੀ ਘੋਸ਼ਣਾ ਦੀ ਲਾਈਨ ਤੱਕ *Temporal Dead Zone* (TDZ) ਵਿੱਚ ਬੈਠਦੇ ਹਨ; TDZ ਵਿੱਚ ਉਹਨਾਂ ਤਕ ਪਹੁੰਚਣਾ `ReferenceError` ਸੁੱਟਦਾ ਹੈ।
- **ਫੰਕਸ਼ਨ ਸਮੀਕਰਨ** (`const f = () => {}`) ਜਲਦੀ ਕਾਲ ਯੋਗ *ਨਹੀਂ* ਹਨ — ਸਿਰਫ `const`/`var` ਬਾਈਡਿੰਗ hoisted ਹੈ, ਫੰਕਸ਼ਨ ਨਹੀਂ।

## ਇਹ ਕਿਉਂ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ

Hoisting ਇਹ ਵਿਖਾਉਂਦਾ ਹੈ: "ਇਹ `undefined` ਕਿਉਂ ਹੈ?" ਅਤੇ "ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਇਸਦੀ ਪਰਿਭਾਸ਼ਾ ਤੋਂ ਪਹਿਲਾਂ ਕਾਲ ਕਰਨਾ ਕਿਉਂ ਕੰਮ ਕਰਦਾ ਹੈ?" `let`/`const` ਲਈ TDZ ਅਸਲ ਵਿੱਚ ਇੱਕ *ਵਿਸ਼ੇਸ਼ਤਾ* ਹੈ — ਇਹ ਪਤਾ ਚੱਲਣ ਵਾਲੀਆਂ `undefined` ਗਲਤੀਆਂ ਨੂੰ ਜੋਰਦਾਰ ਗਲਤੀਆਂ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ, ਜੋ ਤੁਹਾਨੂੰ ਉਪਯੋਗ ਤੋਂ ਪਹਿਲਾਂ ਘੋਸ਼ਣਾ ਕਰਨ ਲਈ ਉਤਸ਼ਾਹਿਤ ਕਰਦਾ ਹੈ।