რა არის hoisting?

Question

რა არის hoisting?

Accepted Answer

**Hoisting** არის JavaScript-ის ქცევა, რომელიც **დეკლარაციებს** გადაადგილებს მათი scope-ის ზედა ნაწილში compile ფაზაში, ნებისმიერი კოდის დაწერამდე. მაგრამ *როგორ* რაიმე hoisting-ებული განსხვავდება დეკლარაციის ტიპის მიხედვით.

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

## რა მოხდება hoisting-ში, და როგორ

- **`var`**: დეკლარაცია hoisting-ებული და ინიციალიზებული `undefined`-ით. ასე რომ ადრე წაკითხვა იძლევა `undefined`-ს, არა error-ს.
- **`function` დეკლარაციები**: სრულად hoisting-ებული — შეგიძლიათ მათი გამოძახება მათი განმარტების ხაზის წინ.
- **`let` / `const`**: hoisting-ებული მაგრამ **არა ინიციალიზებული**. ისინი დგებიან *Temporal Dead Zone*-ში (TDZ) ბლოკის დაწყებიდან მათი დეკლარაციის ხაზამდე; მათი წვდომა TDZ-ში ის `ReferenceError`-ს აგდებს.
- **Function expressions** (`const f = () => {}`) არ არის გამოძახებადი ადრე — მხოლოდ `const`/`var` binding hoisting-ებული, არა ფუნქცია.

## რატომ არის მნიშვნელოვანი

Hoisting ახსნის "რატომ არის ეს `undefined`?" და "რატომ მუშაობს ამ ფუნქციის გამოძახება მის განმარტებამდე?" TDZ `let`/`const`-ისთვის რეალურად *ფიჩার* — ის კიდეგან მარტივ `undefined` bugs-ებს ხმამაღლა errors-ში, გამაფხიზলებელი თქვენ დეკლარირებულის გამოყენების წინ.