Czym jest hosting JavaScript?

Hosting JavaScript (lub hosting JavaScript) odnosi się do zachowania kompilatora JavaScript, w którym deklaracje zmiennych i funkcji są "podnoszone" na początek ich zakresu przed wykonaniem kodu.

Kluczowe punkty:

• Podnoszone są tylko deklaracje, nie inicjalizacje. Oznacza to, że można używać zmiennej lub funkcji przed jej deklaracją w kodzie, ale wartość zmiennej przed inicjalizacją będzie undefined.
• Oddzielne zachowanie dla var, let/const i deklaracji funkcji.
  • var: Deklaracje są podnoszone i inicjalizowane wartością undefined na początku zakresu.

    console.log/mojaZmienna); // undefined
    var mojaZmienna = 10;
    

  • let i const: Deklaracje są podnoszone, ale nie inicjalizowane. Dostęp do nich przed inicjalizacją powoduje błąd ReferenceError (tymczasowa strefa martwa - Temporal Dead Zone).

    // console.log(mojaLet); // ReferenceError: cannot access 'mojaLet' before initialization
    let mojaLet = 20;
    

  • Deklaracje funkcji: Cała deklaracja funkcji (nazwa i ciało) jest podnoszona. Funkcję można wywołać przed jej deklaracją w kodzie.

    mojaFunkcja(); // "cześć"
    function mojaFunkcja() {
      console.log("cześć");
    }
    

  • Wyrażenia funkcji: Podnoszona jest tylko zmienna (var, let lub const), której przypisana jest funkcja. Funkcji nie można wywołać przed przypisaniem.

    // mojaFunkcjaWyrazenie(); // TypeError: mojaFunkcjaWyrazenie nie jest funkcją (jeśli zadeklarowano z var)
    // mojaFunkcjaWyrazenie(); // ReferenceError: cannot access 'mojaFunkcjaWyrazenie' before initialization (jeśli zadeklarowano z let/const)
    var mojaFunkcjaWyrazenie = function() {
      console.log("świat");
    };
    

Zrozumienie hostingu jest ważne, aby unikać nieoczekiwanego zachowania i błędów w kodzie. Użycie let i const pomaga uczynić zachowanie deklaracji zmiennych bardziej przewidywalnym.