Что такое хостинг JavaScript?

Хостинг JavaScript (или JavaScript hosting) относится к поведению компилятора JavaScript, при котором объявления переменных и функций "поднимаются" в начало их содержащей области видимости перед выполнением кода.

Ключевые моменты:

• Поднимаются только объявления, а не инициализации. Это значит, что можно использовать переменную или функцию до того, как она объявлена в коде, но значение переменной до ее инициализации будет undefined.

• Отдельное поведение для var, let/const и function declarations.

  • var: Объявления поднимаются и инициализируются значением undefined в начале области видимости.

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

  • let и const: Объявления поднимаются, но не инициализируются. Доступ к ним до инициализации вызывает ошибку ReferenceError (зона временной мертвой зоны - Temporal Dead Zone).

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

  • Function Declarations: Все объявление функции (имя и тело) поднимается. Функцию можно вызвать до ее объявления в коде.

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

  • Function Expressions: Поднимается только переменная (var, let или const), которой присваивается функция. Функция не может быть вызвана до присваивания.

    // myFuncExpression(); // TypeError: myFuncExpression is not a function (если объявлена с var)
    // myFuncExpression(); // ReferenceError: cannot access 'myFuncExpression' before initialization (если объявлена с let/const)
    var myFuncExpression = function() {
      console.log("world");
    };
    

Понимание хостинга важно для избежания неожиданного поведения и ошибок в коде. Использование let и const помогает сделать поведение объявления переменных более predictable.