Ícone do site Celso Kitamura

[Javascript] Usar var, let E const

Usando var let e const [Javascript]
5/5 - (2 votes)

Já conversamos sobre variáveis em várias ocasiões… E agora chegou o momento de ir mais fundo no entendimento delas.

 

Nesse vídeo eu vou te mostrar um pouco mais de detalhes do funcionamento de variáveis no Javascript.

 

Vamos conversar sobre como usar var, let e const no Javascript.

 

 

Usar var, let E const No Javascript

 

E no início dos tempos havia o var.

 

Com o var declaramos as variáveis no Javascript.

 

Mas ele acaba provocando alguns problemas de definição…

 

Para entender melhor, vamos antes ver…

 

O Que É Hoisting?

 

Hoisting é um mecanismo do Javascript onde as variáveis e declarações de função são movidas para o início do seu escopo antes da execução do código.

 

Considere o seguinte código:

 

console.log(computador);
var computador = “notebook”;

 

Ele será considerado assim na hora da execução:

 

var computador;
console.log(computador);
computador = “notebook”;

 

Veja que a declaração da variável vai para o início, com o valor undefined.

 

Isto também é possível:

 

var amarelo = “azul”;
var amarelo = “azul marinho”;

 

bom, além de confuso, o uso do var pode levar a alguns problemas.

 

Por isso, em 2015 foi lançado uma nova padronização do Javascript, o ES2015.

 

Let e const

 

O ES2015 introduziu mais duas palavras-chave para declarar variáveis.

 

O const, como é de se supor, serve para declarar constantes.

 

Constantes são variáveis que não podem ter o seu valor alterado. Uma vez atribuído, seu valor não muda mais.

 

Portanto, se tentarmos fazer o seguinte:

 

const instrumento = “bateria”;
instrumento = “guitarra”;

 

Vai gerar o erro “Assignment to constant variable.”

 

Já o let também serve para declarar variáveis, mas ele veio para resolver os problemas do var e bloqueia o escopo.

 

Isso quer dizer que a esta variável é válida somente dentro do bloco onde foi declarada.

 

let ovoFrito = “mexido”;
let testador = “OK”;

if(testador == “OK”)
{
    let suco = “laranja”;
    console.log(suco);
}
console.log(ovoFrito);
console.log(suco);

 

Veja que quando tentamos imprimir a variável suco fora do bloco do if ocorreu um erro (suco is not defined).

 

Palavras Finais

 

Vimos hoje como usar var, let e const.

 

Por conta do hoisting, variáveis declaradas com var podem ser utilizadas mesmo antes de sua declaração.

 

Como isso poderia levar a problemas, em 2015 surgiram as palavras-chave let e const.

 

Viu como é importante saber o contexto, a história por trás das coisas? Assim entendemos melhor como as coisas funcionam.

 

Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!

Olha o link: 👉🏼 http://celsokitamura.com.br/como-aprender-a-programar

Bora aprender a programar!

Sair da versão mobile