Declarando variáveis no JavaScript

Introdução ao JavaScript / Tutorial 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 e nome 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:

NomeTraduçãoExemploUso
snake caseCaixa da cobraano_de_nascimentoGeralmente usado para nomes de campos em bancos de dados.
kebab caseCaixa do kebabano-de-nascimentoComum em nomes de arquivos e classes HTML.
camel caseCaixa do cameloanoDeNascimentoAmplamente utilizado na declaração de variáveis e constantes.
pascal caseCaixa do PascalAnoDeNascimentoFrequentemente 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.