Co je to hosting JavaScriptu?

Hosting JavaScriptu (nebo hosting JavaScriptu) odkazuje na chování překladače JavaScriptu, kdy jsou deklarace proměnných a funkcí "zvednuty" na začátek jejich rozsahu před vykonáním kódu.

Klíčové body:

• Pouze deklarace jsou zvednuté, ne inicializace. To znamená, že můžete použít proměnnou nebo funkci dříve, než jsou v kódu deklarovány, ale hodnota proměnné před inicializací bude undefined.
• Samostatné chování pro var, let/const a deklarace funkcí.
  • var: Deklarace jsou zvednuté a inicializované hodnotou undefined na začátku rozsahu.

    console.log(mojePromenna); // undefined
    var mojePromenna = 10;
    

  • let a const: Deklarace jsou zvednuté, ale nejsou inicializované. Přístup k nim před inicializací způsobí chybu ReferenceError (dočasná smrtelná zóna - Temporal Dead Zone).

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

  • Deklarace funkcí: Celá deklarace funkce (název a tělo) je zvednutá. Funkci lze volat před jejím deklarováním v kódu.

    mojeFunkce(); // "ahoj"
    function mojeFunkce() {
      console.log("ahoj");
    }
    

  • Výrazy funkcí: Pouze proměnná (var, let nebo const), které jsou přiřazeny funkci, jsou zvednuté. Funkci nelze volat před přiřazením.

    // mojeFunkceVyraz(); // TypeError: mojeFunkceVyraz není funkce (pokud je deklarováno s var)
    // mojeFunkceVyraz(); // ReferenceError: cannot access 'mojeFunkceVyraz' before initialization (pokud je deklarováno s let/const)
    var mojeFunkceVyraz = function() {
      console.log("svět");
    };
    

Porozumění hostingu je důležité pro prevenci neočekávaného chování a chyb v kódu. Použití let a const pomáhá zpřesnit chování deklarací proměnných.