Variáveis: guardando informações como em caixinhas

Entenda como as variáveis funcionam para armazenar diferentes tipos de dados no seu código.

Imagine que você está organizando sua casa e precisa guardar diferentes tipos de coisas: livros, roupas, ferramentas. Você não jogaria tudo em um monte só, certo? Você usaria caixas, gavetas, armários, cada um para um tipo de item ou para manter as coisas organizadas.

Em programação, as variáveis funcionam exatamente como essas "caixinhas" ou "espaços de armazenamento" na memória do computador. Elas servem para guardar informações (dados) que seu programa vai usar.

O que é uma variável?

Uma variável é um nome que damos a um local na memória do computador onde podemos armazenar um valor. Esse valor pode mudar (variar) durante a execução do programa, por isso o nome "variável".

Pense assim:

  • Caixinha: É a variável em si.
  • Etiqueta na caixinha: É o nome da variável (ex: nomeUsuario, idade, precoProduto).
  • Conteúdo da caixinha: É o valor que a variável está guardando (ex: "Maria", 30, 99.99).

Por que precisamos de variáveis?

  1. Armazenar dados: É o uso mais básico. Se você precisa lembrar o nome de um usuário, a idade dele, ou o resultado de um cálculo, você guarda em uma variável.
  2. Reutilizar dados: Em vez de digitar o mesmo valor várias vezes, você o guarda em uma variável e usa o nome da variável sempre que precisar daquele valor. Se o valor mudar, você só precisa alterar em um lugar!
  3. Tornar o código flexível: Seu programa pode funcionar com diferentes dados sem precisar ser reescrito. Por exemplo, um programa que calcula o preço final de um produto pode usar uma variável precoBase. Se o preço base mudar, você só atualiza a variável.
  4. Legibilidade: Dar nomes significativos às variáveis torna seu código muito mais fácil de entender. nomeUsuario é muito mais claro do que apenas x ou a.

Como criar (declarar) e usar uma variável em JavaScript?

Para criar uma variável, você precisa declarar ela e, opcionalmente, atribuir um valor a ela.

Em JavaScript, usamos palavras-chave para declarar variáveis. Por enquanto, vamos focar na palavra-chave let.

Declarando uma variável:

let nomeUsuario; // Declarei uma caixinha chamada 'nomeUsuario'.
                 // Por enquanto, ela está vazia.

Atribuindo um valor a uma variável:

Depois de declarar, você pode colocar um valor dentro da caixinha usando o sinal de igual (=).

nomeUsuario = "João"; // Coloquei o valor "João" dentro da caixinha 'nomeUsuario'.

Declarando e atribuindo um valor na mesma linha (o mais comum):

let idade = 25; // Declarei a caixinha 'idade' e já coloquei o valor 25 dentro dela.

Usando a variável:

Depois que você guarda um valor em uma variável, pode usar o nome da variável para acessar esse valor.

let nome = "Ana";
let mensagem = "Olá, " + nome + "!"; // A variável 'nome' é usada aqui.

console.log(mensagem); // Saída: Olá, Ana!

let numero1 = 10;
let numero2 = 5;
let soma = numero1 + numero2; // As variáveis 'numero1' e 'numero2' são usadas.

console.log(soma); // Saída: 15

Mudando o valor de uma variável:

Como o nome diz, o valor de uma variável pode mudar.

let contador = 0; // contador começa com 0
console.log(contador); // Saída: 0

contador = 1; // Agora contador tem o valor 1
console.log(contador); // Saída: 1

contador = contador + 1; // Pega o valor atual de contador (1), soma 1, e guarda o novo valor (2)
console.log(contador); // Saída: 2

Regras para nomes de variáveis:

Assim como as etiquetas das caixinhas, os nomes das variáveis precisam seguir algumas regras para serem válidos e, mais importante, para serem claros:

  • Podem conter: letras (a-z, A-Z), números (0-9), sublinhado (_) e cifrão ($).
  • Não podem começar com número: 1nome é inválido, mas nome1 é válido.
  • Não podem conter espaços: nome usuario é inválido. Use nomeUsuario (camelCase) ou nome_usuario (snake_case). Em JavaScript, camelCase é a convenção mais usada.
  • São sensíveis a maiúsculas e minúsculas: nome é diferente de Nome e NOME.
  • Não podem ser palavras reservadas: Você não pode usar palavras que já têm um significado especial no JavaScript (como let, function, if, else, etc.).

Exemplos de bons nomes:

  • nomeCompleto
  • idadeUsuario
  • precoTotal
  • _contador
  • $elementoHTML

Exemplos de nomes ruins/inválidos:

  • 1variavel (começa com número)
  • minha variavel (tem espaço)
  • function (palavra reservada)
  • var (palavra reservada)

As variáveis são a espinha dorsal de qualquer programa, permitindo que você armazene e manipule dados de forma dinâmica. Dominar o uso delas é um passo crucial para se tornar um bom programador!