Declarando variáveis no JavaScript
O que são variáveis?
No JavaScript, uma variável é um espaço reservado na memória do computador para armazenar informações que podem ser usadas e manipuladas ao longo do programa. É como uma caixa que possui um nome, onde você pode guardar algo para usar mais tarde.
Por exemplo, podemos criar uma variável chamada nome e atribuir a ela o valor "Arthur":
let nome = "Arthur"
console.log(`Olá, ${nome}!`)
As variáveis são essenciais em qualquer linguagem de programação, pois permitem que você trabalhe com dados de forma flexível e reutilizável.
Regras para nomear variáveis
Ao criar variáveis no JavaScript, é importante seguir algumas regras e boas práticas para evitar erros e manter o código legível:
- O nome da variável deve começar com uma letra, um underscore (
_) ou um sinal de dólar ($). Não pode começar com números. - O nome pode conter letras, números, underscores e sinais de dólar, mas não pode conter espaços ou caracteres especiais.
- O JavaScript diferencia maiúsculas de minúsculas, ou seja,
Nomeenomesão variáveis completamente diferentes. - Evite usar palavras reservadas do JavaScript, como
return,function,var, etc.
Exemplo de nomes válidos:
let idade = 25
let _usuario = "Arthur"
let velocidadeMaxima = 150
Exemplo de nomes inválidos:
// Não pode começar com número
let 1usuario = "Erro"
// Não pode conter caracteres especiais como hífen
let nome-do-usuario = "Erro"
// 'return' é uma palavra reservada
let return = "Erro"
Letras maiúsculas e minúsculas são diferentes
A maioria das linguagens de programação, incluindo o JavaScript, é case-sensitive. Isso significa que faz distinção entre letras maiúsculas e minúsculas nos nomes das variáveis. Em outras palavras, variáveis como nome, Nome e NOME são tratadas como entidades completamente diferentes.
Por isso, é essencial manter consistência ao nomear e referenciar variáveis no código. Caso contrário, erros podem ocorrer, já que o JavaScript não considerará variáveis com nomes semelhantes, mas com diferenças de maiúsculas e minúsculas, como sendo a mesma.
Exemplo:
let nome = 'João'
let Nome = 'Maria'
console.log(nome) // Imprime: João
console.log(Nome) // Imprime: Maria
No exemplo acima, nome e Nome são variáveis distintas. A primeira armazena o valor 'João', enquanto a segunda armazena o valor 'Maria'.
Variáveis com palavras compostas
Os nomes das variáveis no JavaScript não podem conter espaços. Para resolver esse problema, utilizamos diferentes estilos de escrita para unir palavras, removendo os espaços e mantendo o código legível. Esses estilos são conhecidos como "estilos de caixa" (case styles).
Exemplo:
let anoDeNascimento = 1990
No exemplo acima, usamos o estilo camel case, que significa "caixa do camelo". Esse nome é inspirado nas letras maiúsculas que aparecem no meio das palavras, lembrando as corcovas de um camelo.
Estilos de declaração e seus usos
Abaixo estão os principais estilos de caixa, com exemplos e seus usos mais comuns:
| Nome | Tradução | Exemplo | Uso |
|---|---|---|---|
| snake case | Caixa da cobra | ano_de_nascimento | Geralmente usado para nomes de campos em bancos de dados. |
| kebab case | Caixa do kebab | ano-de-nascimento | Comum em nomes de arquivos e classes HTML. |
| camel case | Caixa do camelo | anoDeNascimento | Amplamente utilizado na declaração de variáveis e constantes. |
| pascal case | Caixa do Pascal | AnoDeNascimento | Frequentemente usado na declaração de objetos e classes. |
Cada estilo tem seu propósito e contexto de uso, ajudando a organizar e identificar os diferentes tipos de dados no código.
Além disso, também é possível declarar variáveis utilizando a instrução var. Embora seu uso seja semelhante ao de let, existem diferenças importantes que discutiremos mais adiante.