Variáveis e tipos de dados — JavaScript

O que é isso e para que serve?

Imagine que seu computador é uma enorme mesa de escritório. Sobre ela estão livros, cadernos, canetas e, claro, seu smartphone. Para encontrar rapidamente o que precisa, você coloca cada coisa em seu lugar. Na programação é a mesma coisa: quando um programa está rodando, ele precisa de algum lugar para armazenar números, palavras e outros dados. Para isso existem as variáveis.

Variável é como uma caixa com um rótulo. No rótulo você escreve um nome (por exemplo, "minhaIdade"), e dentro coloca um valor (por exemplo, 12). Quando você precisar desse valor, é só dizer: "Me dê o que está na caixa com o nome minhaIdade".

Tipo de dado é a regra que define exatamente o que pode ser colocado na caixa. Em uma caixa só podem ir números, em outra só texto, em uma terceira só afirmações verdadeiras ou falsas (sim/não). Se você tentar colocar texto em uma caixa para números, o computador vai se confundir. Por isso é importante saber quais tipos existem e como usá-los corretamente.

Em JavaScript (JS), os tipos de dados funcionam quase como em Python, mas há diferenças importantes. Por exemplo, em Python você escreve age = 12, e o Python adivinha que 12 é um número. Em JavaScript é a mesma coisa, mas há nuances: o JS às vezes é "advinhador" demais e pode fazer algo que você não espera. Por isso, vamos aprender a indicar explicitamente o que queremos.

Para que serve isso? Imagine que você está escrevendo um programa de calculadora. Se você misturar os tipos e somar o número 5 com o texto "5", não vai obter 10, mas sim "55" (cinco cincos seguidos). O computador fará o que você disse, não o que você pensou. Portanto, o conhecimento dos tipos de dados é um superpoder que ajuda a evitar erros bobos.

Exemplos de código com explicação

Vamos direto à prática. Abra qualquer editor de código (por exemplo, o embutido no navegador, pressionando F12 e indo para a aba Console) ou use um editor online como CodePen ou JSFiddle. Escreva o código e veja o que acontece.

Exemplo 1: Criando variáveis com números

// Criamos uma variável com o nome "myAge" e colocamos o número 12
let myAge = 12;

// Criamos a variável "pi" e colocamos o número decimal 3.14
let pi = 3.14;

// Criamos a variável "negativeNumber" e colocamos o número negativo -5
let negativeNumber = -5;

// Exibimos os valores na tela
console.log("Minha idade:", myAge);   // Exibirá: Minha idade: 12
console.log("Número Pi:", pi);         // Exibirá: Número Pi: 3.14
console.log("Número negativo:", negativeNumber); // Exibirá: Número negativo: -5

// Agora vamos tentar somar dois números
let sum = myAge + pi;  // 12 + 3.14 = 15.14
console.log("Soma da idade e Pi:", sum); // Exibirá: Soma da idade e Pi: 15.14

// Observe: em JavaScript, a parte decimal é separada por ponto, não por vírgula!
// Se você escrever 3,14 — isso será um erro, porque a vírgula tem outro significado.

Explicação: Usamos a palavra-chave let. Ela diz ao JavaScript: "Crie uma nova caixa". Depois escrevemos o nome da variável (myAge), o sinal de igual (=) e o valor (12). O sinal de igual aqui não significa "igual" no sentido matemático. Ele significa "coloque na caixa". Em Python você escreveria a mesma coisa: my_age = 12. A diferença é apenas que em JavaScript é comum usar camelCase (primeira palavra com letra minúscula, cada seguinte com maiúscula), enquanto em Python se usa snake_case (palavras separadas por sublinhado).

Exemplo 2: Strings (Texto)

// String é qualquer texto. Ele precisa estar entre aspas.
let myName = "Anna";      // Aspas duplas
let myCity = 'Moscou';    // Aspas simples — também funciona!
let myHobby = `desenho`; // Aspas invertidas — forma moderna

// Exibindo as strings
console.log("Meu nome é:", myName);          // Exibirá: Meu nome é: Anna
console.log("Moro na cidade de:", myCity);     // Exibirá: Moro na cidade de: Moscou
console.log("Meu hobby é:", myHobby);          // Exibirá: Meu hobby é: desenho

// Strings podem ser concatenadas (junção)
let greeting = "Olá, " + myName + "! Você mora em " + myCity + ".";
console.log(greeting); // Exibirá: Olá, Anna! Você mora em Moscou.

// E também podemos inserir variáveis diretamente na string usando aspas invertidas
let greetingModern = `Olá, ${myName}! Você mora em ${myCity}.`;
console.log(greetingModern); // Exibirá o mesmo: Olá, Anna! Você mora em Moscou.

// Observe: ${...} é uma sintaxe especial que funciona apenas com aspas invertidas.
// É muito prático, não precisa ficar colocando sinais de mais!

Explicação: Em Python, strings também podem ser criadas com aspas simples ou duplas. Mas em JavaScript há um tipo adicional — as aspas invertidas (`` ` ``). Elas permitem inserir variáveis diretamente no texto usando ${}. Isso é chamado de template strings. Em Python, usa-se f-strings: f"Olá, {my_name}!". O princípio é o mesmo, apenas a sintaxe é diferente.

Exemplo 3: Tipo Booleano (Boolean) — verdadeiro ou falso

// O tipo booleano pode ter apenas dois valores: true (verdadeiro) ou false (falso)
let isStudent = true;      // Eu sou estudante — isso é verdade
let hasPets = false;       // Não tenho animais de estimação — isso é falso

console.log("Eu sou estudante?", isStudent);  // Exibirá: Eu sou estudante? true
console.log("Eu tenho animais de estimação?", hasPets); // Exibirá: Eu tenho animais de estimação? false

// Valores booleanos frequentemente resultam de comparações
let myAge = 12;
let drivingAge = 18;

let canDrive = myAge >= drivingAge;  // 12 >= 18? Isso é falso!
console.log("Posso dirigir?", canDrive); // Exibirá: Posso dirigir? false

// Mais exemplos de comparações:
let number1 = 10;
let number2 = 20;

console.log("10 é maior que 20?", number1 > num