Kas yra JavaScript hostinimas?

„JavaScript hostinimas“ (arba JavaScript hosting) reiškia JavaScript kompiliatoriaus elgesį, kai kintamųjų ir funkcijų deklaracijos "pakeliamos" į jų apibrėžimo srities pradžią prieš kodo vykdymą.

Pagrindiniai punktai:

• Pakeliamos tik deklaracijos, ne inicijavimai. Tai reiškia, kad galima naudoti kintamąjį ar funkciją iki jų deklaravimo kodo, tačiau kintamojo reikšmė iki inicijavimo bus undefined.
• Skirtingas elgesys var, let/const ir funkcijų deklaracijų atžvilgiu.
  • var: Deklaracijos pakeliamos ir inicijuojamos undefined reikšme pradžioje:

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

  • let ir const: Deklaracijos pakeliamos, bet ne inicijuojamos. Jų prieiga iki inicijavimo sukelia klaidą ReferenceError (laikina mirties zona - Temporal Dead Zone):

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

  • Funkcijų deklaracijos: Visos funkcijos deklaracijos (pavadinimas ir turinys) pakeliamos. Jas galima iškviesti iki jų deklaravimo:

    myFunction(); // "hello"
    function myFunction() {
      console.log("hello");
    }
    

  • Funkcijų išraiškos: Pakeliama tik kintamoji (var, let ar const), kuriai priskirta funkcija. Funkcijos iškvietimas prieš priskyrimą nėra įmanomas:

    // myFuncExpression(); // TypeError: myFuncExpression is not a function (jei deklaruota su `var`)
    // myFuncExpression(); // ReferenceError: cannot access 'myFuncExpression' before initialization (jei deklaruota su `let`/`const`)
    var myFuncExpression = function() {
      console.log("world");
    };
    

Suprasti hostinimą svarbu norint išvengti netikėtų elgesio ir klaidų. let ir const naudojimas padeda padaryti kintamųjų deklaravimo elgesį labiau prognozuojamą.