Τι είναι hoisting;

Question

Τι είναι hoisting;

Accepted Answer

**Hoisting** είναι η συμπεριφορά της JavaScript που μετακινεί **δηλώσεις** στην κορυφή του scope τους κατά τη φάση μεταγλώττισης, πριν εκτελεστεί κάποιος κώδικας. Αλλά *πώς* κάτι ανυψώνεται διαφέρει ανάλογα με τον τύπο δήλωσης.

```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`**: η δήλωση ανυψώνεται και αρχικοποιείται σε `undefined`. Γι' αυτό η ανάγνωση του νωρίς δίνει `undefined`, όχι σφάλμα.
- **δηλώσεις `function`**: πλήρως ανυψωμένες — μπορείτε να τις καλέσετε πριν από τη γραμμή του ορισμού τους.
- **`let` / `const`**: ανυψωμένες αλλά **όχι αρχικοποιημένες**. Βρίσκονται στη *Temporal Dead Zone* (TDZ) από την αρχή του μπλοκ μέχri τη γραμμή δήλωσης τους· η πρόσβαση σε αυτές στη TDZ ρίχνει `ReferenceError`.
- **Εκφράσεις συναρτήσεων** (`const f = () => {}`) **δεν** είναι κλητές νωρίς — μόνο η σύνδεση `const`/`var` ανυψώνεται, όχι η συνάρτηση.

## Γιατί είναι σημαντικό

Το Hoisting εξηγεί "γιατί είναι αυτό `undefined`;" και "γιατί λειτουργεί η κλήση αυτής της συνάρτησης πριν από τον ορισμό της;" Η TDZ για `let`/`const` είναι στην πραγματικότητα ένα *χαρακτηριστικό* — μετατρέπει σιωπηλά σφάλματα `undefined` σε δυνατά σφάλματα, ενθαρρύνοντάς σας να δηλώνετε πριν από τη χρήση.