O que é hospedagem de JavaScript?

O hosting de JavaScript (ou hosting de JavaScript) refere-se ao comportamento do compilador JavaScript em que as declarações de variáveis e funções são "levantadas" para o início do seu âmbito de alcance antes da execução do código.

Pontos-chave:

• Apenas as declarações são levantadas, não as inicializações. Isso significa que você pode usar uma variável ou função antes de ela ser declarada no código, mas o valor da variável antes da sua inicialização será undefined.
• Comportamento separado para var, let/const e declarações de funções.
  • var: As declarações são levantadas e inicializadas com o valor undefined no início do âmbito.

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

  • let e const: As declarações são levantadas, mas não inicializadas. Acesso a elas antes da inicialização causa um erro ReferenceError (zona de morte temporária - Temporal Dead Zone).

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

  • Declarações de funções: Toda declaração de função (nome e corpo) é levantada. A função pode ser chamada antes de sua declaração no código.

    minhaFuncao(); // "olá"
    function minhaFuncao() {
      console.log("olá");
    }
    

  • Expressões de funções: Apenas a variável (var, let ou const) à qual uma função é atribuída é levantada. A função não pode ser chamada antes da atribuição.

    // minhaFuncExp(); // TypeError: minhaFuncExp não é uma função (se declarada com var)
    // minhaFuncExp(); // ReferenceError: cannot access 'minhaFuncExp' before initialization (se declarada com let/const)
    var minhaFuncExp = function() {
      console.log("mundo");
    };
    

Compreender o hosting é importante para evitar comportamentos inesperados e erros no código. O uso de let e const ajuda a tornar o comportamento das declarações de variáveis mais previsível.