Hoisting no Javascript

Vamos analisar este código de function declaration, e o que retorna:

Este código retorna o valor: 7

Repare que a função consegue ser chamada antes mesmo de ter sido declarada. Hoisting é o termo que explica essa situação, em português ele significa “içamento”, ou “elevação” e foi citado pela primeira vez no ECMAScript® 2015 Language Specification. O Hoisting permite que você execute funções antes das suas declarações. Na prática, inicialmente as declarações de funções são colocadas na memória durante a fase de compilação e, mesmo assim, permanecem no mesmo lugar que estão digitadas.

A razão pela qual o código anterior funciona é que os mecanismos JavaScript movem a função soma para o início do escopo, como ilustra o código abaixo:

Entretanto, será que Hoisting funciona em outros tipos de código? Vamos conferir!

Este código retorna:

A utilização de Hoisting em var não é indicada, pois a variável criada é elevada para o escopo, mas sem o seu valor, e com isso, retorna valor undefined.

O comportamento é parecido utilizando também var function:

Este código retorna: undefined.

Hoisting também não é indicado utilizando let, pois acontece um outro tipo de comportamento não desejado:

Este código retorna:

Esta mensagem em português significa “Não é possível acessar ‘alura’ antes de sua inicialização'', ou seja, a linguagem JavaScript reconhece que ‘let = alura’ existe, porém não consegue acessar sua declaração. Esse comportamento de Hoisting com let é o mesmo ao utilizar const.

Para saber mais

Após a leitura desse artigo você conheceu uma característica da linguagem de programação Javascript. Para aprofundar seus conhecimentos, a Alura pode te ajudar nisso, aprenda mais com nossos cursos:

• JavaScript: primeiros passos com a linguagem
• JavaScript: Programando na linguagem da web
• JavaScript para Web: Crie páginas dinâmicas
• JS na Web: Manipule o DOM com JavaScript