DEV Community

Fernando Junior
Fernando Junior

Posted on

JavaScript - Constantes, Variáveis e Comentários

Esse é o primeiro conteúdo dos meus estudos, e como havia informado neste post, minha jornada será desde o inicio, passando por todas as aulas do curso do Roger Melo e acompanhado da leitura do livro Eloquente JavaScript.

Nesta publicação, irei abordar constantes, variáveis e comentários. Todos são essenciais na vida de qualquer programador.

Variáveis e constantes são espaços de memória que são usados para guardar dados, para serem reutilizados no futuro dentro da aplicação.

Variáveis e Constantes

Vamos conhecer a palavra-chave VAR:

var é uma palavra chave do javascript que refere-se a variável, para usa-la, faremos da seguinte forma:

var points = 120
console.log(points) // 120
Enter fullscreen mode Exit fullscreen mode

Note que a palavra var vem seguida da palavra points que é de fato o nome da variável. O sinal de =, não deve ser lido como igual, mas sim como recebe, ou seja, na expressão acima, a leitura deve ser feita desta forma: A variável points recebe o valor 120.

Esta palavra chave, não é mais tão usada desde a chegada do do ECMAscript 6, em 2015. Pois com essa atualização, vieram as palavras reservadas let e const, que chegaram para resolver um problema de escopo apresentado na utilização da var.

Esse problema de escopo, será mais bem detalhado, no decorrer dos posts, quando iremos ter um post exclusivo sobre o assunto.

Vamos conhecer a palavra-chave LET:

let também é utilizada na declaração de variáveis, conforme pode ser visto abaixo:

let age = 35
console.log(age) // 35
Enter fullscreen mode Exit fullscreen mode

A forma de leitura é a mesma abordada acima com a var.

Uma variável nem sempre precisa ter um valor atribuído na sua criação, bastando cria-la da seguinte forma:

let age
console.log(age) // undefined
Enter fullscreen mode Exit fullscreen mode

E posteriormente podemos atribuir um valor a esta variável.

Variáveis podem ter seu valor reatribuído, basta chamar a variável e dar a ela o novo valor desejado, conforme abaixo:

age = 50
console.log(age) // 50
Enter fullscreen mode Exit fullscreen mode

Vamos conhecer a palavra-chave CONST:

Diferentemente das variáveis explicadas acima, as constantes servem para atribuição de dados que não serão alterados no decorrer de aplicação.

A declaração é feita da mesma forma que as variáveis:

const score = 360
console.log(score) // 360
Enter fullscreen mode Exit fullscreen mode

Conforme falado acima, se tentarmos reatribuir qualquer valor a constante score criada acima, não será possível, e a aplicação nos retornará um erro.

score = 450
console.log(score) // TypeError: Assignment to constant variable.
Enter fullscreen mode Exit fullscreen mode

Alguns pontos importantes na criação de variáveis e constantes:

  • Seguir o padrão camel case (myCar, firstName, addUser)
  • Só podem conter letras, números, underlines ( _ ) e cifrão ( $ )
  • Não podem iniciar com números (1name, 5teams)
  • Não podem ser palavras reservadas do JavaScript

Dica: Os nomes da variáveis e constantes, devem ser os mais claros e objetivos possível, facilitando a leitura e o entendimento, tanto para você como para outros desenvolvedores que tiverem acesso aos seus códigos.

Comentários

Os comentários são usados para ajudar na documentação do seu código, ou apenas para você fazer anotações importantes nele. Os comentários não são interpretados na hora da execução do código.

Existem dois tipos de comentários no JavaScript

Comentário de uma única linha

Como o nome já diz, usamos // para comentar uma única linha de código.

// Isto é um comentário de uma única linha.
Enter fullscreen mode Exit fullscreen mode

Comentário de múltiplas linhas

Como o nome já diz, usamos /* bloco de código */ para comentar um bloco inteiro de código.

/*
Comentário
com 
mais
de
uma 
linha
*/
Enter fullscreen mode Exit fullscreen mode

Esse foi o primeiro post da minha saga de estudos em JavaScript Vanilla. Espero que estejam gostando!

Qualquer dúvida ou sugestão, vocês me encontram nas minhas redes sociais:

LinkedIn
GIthub
Twitter

Top comments (0)