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,
Nome
enome
sã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.