O que é "hoisting de variáveis" em JavaScript?

 O termo hoisting de variáveis em JavaScript se refere a um comportamento do motor do JavaScript em que as declarações de variáveis e funções são processadas antes de qualquer código ser executado. É como se as declarações "subissem" para o topo de seu escopo (seja ele global ou de uma função) antes da execução.

É importante notar que apenas a declaração é elevada, não a inicialização. Veja como isso afeta as variáveis declaradas com var, let e const.

var

Quando você declara uma variável com var, a declaração é içada, mas a atribuição de valor não. Por isso, você pode referenciar uma variável var antes de ela ser declarada, e ela terá o valor undefined.

JavaScript

console.log(minhaVariavel); // undefined
var minhaVariavel = "Olá, mundo!";

O código acima é interpretado pelo motor do JavaScript da seguinte forma:

JavaScript

var minhaVariavel; // Declaração é içada e inicializada com undefined
console.log(minhaVariavel); // undefined
minhaVariavel = "Olá, mundo!"; // Atribuição de valor

let e const

As declarações com let e const também são içadas, mas se comportam de maneira diferente. Elas não são inicializadas com undefined. Em vez disso, ficam em um estado chamado "temporal dead zone" (zona morta temporal) entre o início do escopo e a linha onde são declaradas. Tentar acessar uma variável let ou const nesse estado resulta em um ReferenceError.

JavaScript

console.log(minhaVariavelLet); // ReferenceError: Cannot access 'minhaVariavelLet' before initialization
let minhaVariavelLet = "Olá, mundo!";

Isso foi uma melhoria introduzida no ES6 para evitar o comportamento confuso de var, tornando o código mais previsível e ajudando a capturar erros de lógica mais cedo.

Em resumo, o hoisting é um conceito fundamental para entender como o JavaScript funciona, especialmente com variáveis var. Usar let e const ajuda a mitigar a confusão causada pelo hoisting, pois força você a declarar as variáveis antes de usá-las, o que geralmente é uma boa prática.

Fonte: perguntas e respostas para entrevistas de JavaScript, criado por Pratik Bandal

Fonte: Usando Google Gemini