7.2.2 - Variáveis

🔍 Entendendo a fundo os tipos de variáveis

🔍 Entendendo a fundo os tipos de variáveis

Agora que você já sabe como criar variáveis, chegou a hora de entender como elas funcionam de verdade, por que existem diferentes tipos e como o computador lida com isso por trás dos panos. 💡

---

🤔 Por que existem tipos?

Pensa numa mochila: você pode guardar um livro, uma garrafa, um notebook… Cada coisa tem seu formato e função.

No computador é parecido! Os tipos de dados ajudam o programa a entender:

• O que é esse valor? (Texto, número, verdadeiro/falso...)

• Quanto de memória ele ocupa?

• O que pode ser feito com ele?

Sem saber o tipo, o computador ficaria confuso! 😵

---

🧠 Como o computador entende as variáveis?

Quando você escreve um código, por exemplo:

let idade = 18;

O que acontece nos bastidores é mais ou menos assim:

1. O navegador (ou interpretador JavaScript) lê o código.

2. Ele reserva um espaço na memória do computador para guardar o valor 18.

3. Ele cria uma "etiqueta" com o nome idade.

4. Quando você usa idade depois, o computador busca aquele valor na memória.

Esse processo é traduzido para linguagem de máquina (uns e zeros) para que o processador entenda e execute. Isso se chama interpretação (no caso do JavaScript) ou compilação (em outras linguagens).

---

🧪 Tipos de variáveis e suas características

Em JavaScript, temos tipos primitivos e tipos especiais.

🧱 Tipos primitivos

Tipo	Exemplo	Descrição
string	"Olá" ou 'Mundo'	Texto
number	42, 3.14	Números inteiros ou decimais
boolean	true ou false	Verdadeiro ou falso
undefined	valor ainda não definido	A variável existe, mas não tem valor
null	valor nulo	"Nada", mas intencionalmente
bigint	123456789123456789n	Números gigantes (raramente usado)
symbol	Symbol("id")	Identificadores únicos (mais avançado)

---

📦 Exemplo real de tipos

let nome = "Bruna";       // string
let idade = 17;           // number
let estudante = true;     // boolean
let endereco;             // undefined
let nada = null;          // null

---

🧪 Testando os tipos

Você pode usar o comando typeof para saber qual o tipo de uma variável:

let idade = 20;
console.log(typeof idade);  // Resultado: "number"

---

⚠️ Comportamentos inesperados

🔄 Operações com tipos diferentes

let resultado = "5" + 3;
console.log(resultado); // "53" (string!)

💥 Isso acontece porque o JavaScript converte tipos automaticamente (chamamos isso de coerção implícita).

✅ Boas práticas

let numero = 10;
let texto = "O número é: " + numero;

❌ Más práticas

let numero = 10;
numero = "dez"; // ❌ - agora é uma string! Confuso e perigoso

Evite trocar o tipo de uma variável depois de criada. Mantenha a lógica clara!

---

🏛️ História das variáveis: var, let e const

Palavra-chave	Adicionada em...	Características principais
var	Desde o início	Escopo estranho (não respeita blocos {}), causa bugs
let	ES6 (2015)	Escopo de bloco, pode mudar valor
const	ES6 (2015)	Escopo de bloco, valor fixo (constante)

ES6 foi uma grande atualização do JavaScript em 2015. Desde então, let e const viraram o padrão!

---

🧨 Por que o var não é mais recomendado?

Olha esse exemplo:

if (true) {
  var mensagem = "Oi!";
}
console.log(mensagem); // "Oi!" (mesmo fora do if 😱)

Agora com let:

if (true) {
  let mensagem = "Oi!";
}
console.log(mensagem); // ❌ erro! (mensagem não existe aqui)

👉 O var ignora o escopo de bloco, o que pode causar comportamentos inesperados e bugs difíceis de achar.

---

🌟 Boas práticas com variáveis

✅ Use const sempre que possível (mais seguro) ✅ Use let quando o valor precisar mudar ✅ Dê nomes claros e descritivos (nomeAluno, totalPontos) ✅ Evite abreviações difíceis (n, x, val) ✅ Nunca use var, a não ser que esteja aprendendo sobre código antigo

---

🧠 Dica ninja: JavaScript é uma linguagem fracamente tipada

Isso quer dizer que:

• Você não precisa dizer o tipo da variável ao criar (JavaScript adivinha).

• Pode causar erros se não tiver cuidado!

let preco = "50"; // string
preco = preco + 10; // "5010" 😬 (não virou número!)

Evite misturar tipos!

---

🧪 Desafio rápido

Tente adivinhar o que acontece neste código:

let preco = "20";
let quantidade = 2;
let total = preco * quantidade;

console.log(total);

Resposta:

40 🎯

Por quê? O operador * obriga o JavaScript a converter a string em número!

---

🎓 Conclusão

Variáveis são a base de qualquer código. Entender seus tipos, como funcionam, e como usá-las bem vai te ajudar a escrever programas mais confiáveis e organizados.

Lembre-se: programar é como falar com o computador. Fale com clareza! 🗣️💻