Mis on JavaScripti majutamine?

JavaScripti hostimine (või JavaScripti hostimine) viitab JavaScripti kompilaatori käitumisele, kus muutujate ja funktsioonide deklaratsioonid "tõstetakse" nende vaadeldava piirkonna algusesse enne koodi täitmist.

Peamised punktid:

• Tõstetakse ainult deklaratsioonid, mitte initsialiseerimised. See tähendab, et saate kasutada muutujat või funktsiooni enne nende deklaratsiooni koodis, kuid muutujat väärtus enne initsialiseerimist on undefined.
• Erinev käitumine var, let/const ja funktsioonide deklaratsioonide puhul.
  • var: Deklaratsioonid tõstetakse ja initsialiseeritakse väärtusega undefined piirkonna alguses:

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

  • let ja const: Deklaratsioonid tõstetakse, kuid ei initsialiseerita. Juurdepääs nendele enne initsialiseerimist põhjustab vea ReferenceError (ajutine surma tsoon - Temporal Dead Zone):

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

  • Funktsiooni deklaratsioonid: Kõik funktsiooni deklaratsioonid (nimi ja keha) tõstetakse. Neid saab kutsuda enne nende deklaratsiooni:

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

  • Funktsiooni avaldused: Tõstetakse ainult muutuja (var, let või const), millele on määratud funktsioon. Funktsiooni ei saa kutsuda enne määramist:

    // myFuncExpression(); // TypeError: myFuncExpression is not a function (kui on määratud `var`-ga)
    // myFuncExpression(); // ReferenceError: cannot access 'myFuncExpression' before initialization (kui on määratud `let`/`const`-ga)
    var myFuncExpression = function() {
      console.log("world");
    };
    

Hostimise mõistmine on oluline ootamatu käitumise ja vigade vältimiseks. let ja const kasutamine aitab muuta muutujate deklaratsiooni käitumise prognoositavamaks.