O Hoisting é um comportamento do JavaScript de mover declarações para o topo do escopo, pode ser o escopo global ou de uma função.
No es6 há estas duas palavras chaves let
e const
. Vamos vê como o hoisting afeta esses dois novos recursos.
#Declaração com let
Declaração com let
console.log(hoist);
let hoist = "A variável foi levada ao topo";
Saída:
ReferenceError: hoist is not defined
Um erro de referência significa que a variável não foi para a memória do computador e ainda não existe, é diferente do que ocorre com o var
que retornaria undefined
.
Isso garante que nós sempre temos que declarar nossas variáveis primeiro.
Porém, uma implementação como esta resulta em undefined
e temos que ficar mais atento:
let hoist;
console.log(hoist);
hoist = "A variavel foi levada ao topo";
Saída:
undefined
Sendo assim, além de termos que declarar a variável antes de ser usada, nós também temos que inicializa-la.
#Declaração com const
Declaração com const
console.log(hoist);
const hoist = "A variavel foi levada ao topo";
Saída:
ReferenceError: hoist is not defined
Assim como o let
o interpretador diz que a variável não existe lançando um ReferenceError
. O mesmo irá ocorrer dentro de uma função.
Também devemos ficar atento numa declaração como esta:
const hoist;
console.log(hoist);
hoist = "A variavel foi levada ao topo";
Saída:
SyntaxError: Missing initializer in const declaration
Isso nos mostra que uma constante deve ser declarada e inicializada antes de usar.
#Concluindo
Concluindo
O JavaScript leva ao topo as variáveis declaradas com let
e const
do es6, e a diferença é como elas são inicializadas.
Variáveis que são declaradas com let
ou const
não são inicializadas no incio da execução, embora variáveis declaradas com var
são inicializadas com o valor undefined
.
Fontes: