Jornada Frontend
Var com Javascript

Uma das primeiras coisas que aprendemos na programação são as variáveis, e quando iniciamos o javascript sabemos que ela é uma linguagem fracamente tipada, ao contrário de outras linguagens como Java, C++, etc.

E para definirmos nossa variáveis no Javascript, utilizamos a palavra chamada var e nela podemos inserir caracteres, números, funções ou objetos.

Sendo fracamente tipada, podemos fazer várias coisas que não podemos fazer em outras linguagens. E isso pode ser muito ruim para nosso aprendizado, mas vamos com calma aprendendo aos poucos.

Vou usar um exemplo de uma variável e o que podemos fazer com ela.

 

Fora que conseguimos usar o var em um contexto global e isso é muito ruim para alguns casos, podendo nos atrapalhar.

Como o Javascript tem uma determinada forma de identificar os tipos, ele converte um dos tipo deles no outro. Assim realizando a operação. Transforma número em string juntando e criando um texto.

Outro contexto é o famoso Hoisting, que no javascript, podemos declarar nossas variáveis em um contexto global ou não.

Podemos usar uma variável ou funções antes mesmo de declará-las, vou criar um exemplo que vai declarar a função antes mesmo dela existir, você vai entender vendo no código.

 

É aí onde o hoisting vai atuar, levando nossas funções para o topo do escopo.

 

Já no ES6 ( let e const ) ele funciona diferente, eles entram no Tempoaral Dead Zone, este comportamento evita que tenhamos resultados diferentes e estranhos do valor setado, assim evitando dores de cabeça.

Mas essas história que por um lado facilitava mas atrapalhava, vai mudar com o ES6 que já estamos usando nos nossos dias.

Porém com let e const ainda não temos uma linguagem tipada, mas Dener é possível escrever Javascript Tipado chegando perto de alguma outra linguagem?

E a resposta é sim, podemos escrever com a solução mais famosa do mercado que se chama TypeScript que é adotado pelo Angular 2 + e alguns outros frameworks Js como React e Vue vem querendo adotar.

No Backend já existem soluções com TypeScript. Que seu time vai amar ao usar.

 

Let com Javascript

Basicamente, é a nova forma de declarar variáveis no JavaScript, foi pensando em trazer o escopo de bloco que o ECMAScript 6 destinou-se a disponibilizar essa mesma flexibilidade para a linguagem.

Através da palavra-chave let podemos declarar variáveis com escopo de bloco.

Com isso podemos considerar o let o novo var no javascript. Consideramos usar-lo quando precisamos declarar variáveis que esperamos que mudem com o valor e com o tempo de execução.

Se declaramos ele duas vezes dentro de um escopo, recebemos um erro, bora conferir?

 

Usando o var podemos ter problemas futuros na aplicação, alterando valores de um escopo importantes em nosso código.

Const com javascript ( Constantes )

O Const tem uma diferença entre Var e Let, usaremos ele nas variáveis que não esperamo que mudem de valor ao decorrer do tempo de execução.

Um bom exemplo, é o site dos correios, onde podemos guardar o CPF em uma const pois ele é único e não precisamos fazer alterações. =D

 

Quando for utilizar pense em um cenário imutável onde sempre usaremos o mesmo valor.

Esse erro indica que não podemos alterar ou tentar atribuir valores nesta constante.
Tenha em mente que o const não é exatamente uma variável na prática não é um valor imutável.

Constante: que não muda; inalterável, invariável, fixo.

Podemos salvar vários valores dentro de uma const, porém não podemos alterá-lo.

Conclusão

Portanto, para usar o let e const tenha em mente que, eles sempre são escopados aos blocos mais próximos. O const deve ser obrigatoriamente definido em sua declaração se não teremos erros. Lembrando que com eles temos uma melhor legibilidade em nosso código.

O var não acabou ou está proibido, mas deve ser evitado.

Se você gostou da postagem onde falamos de JavaScript, curta nossas páginas, baixe nossos materiais.

E se quiser ter mais sucesso faça o curso FullStack => Curso.

Ou se você quiser aprender mais sobre Front end… Baixe nosso Material Gratuito ou aprenda mais sobre html no youtube.

Deixe suas perguntas ai nos comentários que irei responder, e até a próxima forte abraço!

Forte abraço fique com Deus, Fui!

Quer ver mais sobre esse assunto? Veja esse site aqui http://www.constletvar.com/

Summary
Diferenças de var, let e const com Javascript - Veja agora!💡
Article Name
Diferenças de var, let e const com Javascript - Veja agora!💡
Description
Aprenda quais as difrenças entre var, let e const usando Javascript venha aprender as peculiaridades de cada um.
Author
Publisher Name
Dener Troquatte
Publisher Logo
Share This