Ce este hostingul JavaScript?

Hosting-ul JavaScript (sau hosting-ul JavaScript) se referă la comportamentul compilatorului JavaScript în care declarațiile de variabile și funcții sunt "ridicate" în sus la începutul domeniului lor de vizibilitate înainte de executarea codului.

Puncte cheie:

• Doar declarațiile sunt ridicate, nu inițializările. Aceasta înseamnă că poți folosi o variabilă sau o funcție înainte de a fi declarată în cod, dar valoarea variabilei înainte de inițializare va fi undefined.
• Comportament separat pentru var, let/const și declarațiile de funcții.
  • var: Declarațiile sunt ridicate și inițializate cu valoarea undefined la începutul domeniului.

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

  • let și const: Declarațiile sunt ridicate, dar nu inițializate. Accesul la ele înainte de inițializare provoacă o eroare ReferenceError (zona temporară de moarte - Temporal Dead Zone).

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

  • Declarațiile de funcții: Întreaga declarație de funcție (nume și corp) este ridicată. Funcția poate fi apelată înainte de declarație în cod.

    funcțiaMea(); // "salut"
    function funcțiaMea() {
      console.log("salut");
    }
    

  • Expresiile de funcții: Doar variabila (var, let sau const) la care se atribuie o funcție este ridicată. Funcția nu poate fi apelată înainte de atribuție.

    // funcțiaMeaExpress(); // TypeError: funcțiaMeaExpress nu este o funcție (dacă declarată cu var)
    // funcțiaMeaExpress(); // ReferenceError: cannot access 'funcțiaMeaExpress' before initialization (dacă declarată cu let/const)
    var funcțiaMeaExpress = function() {
      console.log("lume");
    };
    

Înțelegerea hosting-ului este importantă pentru a evita comportamente neașteptate și erori în cod. Utilizarea let și const ajută la face comportamentul declarațiilor de variabile mai previzibil.