Τι είναι η φιλοξενία JavaScript;

Ο hosting της JavaScript (ή JavaScript hosting) αναφέρεται στη συμπεριφορά του μεταγλωττιστή JavaScript, όπου οι δηλώσεις μεταβλητών και συναρτήσεων "ανυψώνονται" στην αρχή της περιοχής τους πριν από την εκτέλεση του κώδικα.

Βασικά σημεία:

Μόνο οι δηλώσεις ανυψώνονται, όχι οι αρχικοποιήσεις. Αυτό σημαίνει ότι μπορείτε να χρησιμοποιήσετε μια μεταβλητή ή μια συνάρτηση πριν δηλωθεί στον κώδικα, αλλά η τιμή της μεταβλητής πριν την αρχικοποίησή της θα είναι undefined.
Ξεχωριστή συμπεριφορά για var, let/const και δηλώσεις συναρτήσεων.
- var: Οι δηλώσεις ανυψώνονται και αρχικοποιούνται με την τιμή undefined στην αρχή της περιοχής.
```
console.log(ηΔικήΜουΜεταβλητή); // undefined
var ηΔικήΜουΜεταβλητή = 10;
```
- let και const: Οι δηλώσεις ανυψώνονται, αλλά δεν αρχικοποιούνται. Η πρόσβαση σε αυτές πριν την αρχικοποίησή τους προκαλεί σφάλμα ReferenceError (Τεχνητό Νεκρό Ζώνη - Temporal Dead Zone).
```
// console.log(ηLetΜου); // ReferenceError: cannot access 'ηLetΜου' before initialization
let ηLetΜου = 20;
```
- Δηλώσεις συναρτήσεων: Ολόκληρη η δήλωση της συνάρτησης (όνομα και σώμα) ανυψώνεται. Η συνάρτηση μπορεί να κληθεί πριν από τη δήλωσή της στον κώδικα.
```
ηΛειτουργίαΜου(); // "γεια"
function ηΛειτουργίαΜου() {
  console.log("γεια");
}
```
- Εκφράσεις συναρτήσεων: Μόνο η μεταβλητή (var, let ή const) στην οποία ανατίθεται μια συνάρτηση ανυψώνεται. Η συνάρτηση δεν μπορεί να κληθεί πριν από την ανάθεση.
```
// ηΕκφρασηΜου(); // TypeError: ηΕκφρασηΜου δεν είναι μια συνάρτηση (αν δηλωθεί με var)
// ηΕκφρασηΜου(); // ReferenceError: cannot access 'ηΕκφρασηΜου' before initialization (αν δηλωθεί με let/const)
var ηΕκφρασηΜου = function() {
  console.log("κόσμος");
};
```

Η κατανόηση του hosting είναι σημαντική για την αποφυγή απρόβλεπτης συμπεριφοράς και σφαλμάτων στον κώδικα. Η χρήση let και const βοηθά να γίνει η συμπεριφορά των δηλώσεων μεταβλητών πιο προβλέψιμη.