Skip to main content
Commonmark migration
Fonte Link

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:

Hosting
Understanding Hoisting in JavaScript

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

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

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

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:

Hosting
Understanding Hoisting in JavaScript

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

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

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

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:

Hosting
Understanding Hoisting in JavaScript

Fonte Link
gato
  • 23,7mil
  • 33
  • 125
  • 255

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

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

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

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:

Hosting
Understanding Hoisting in JavaScript