Variáveis em JavaScript
Entenda como armazenar, manipular e utilizar dados em seus programas
com var, let e const — além dos operadores lógicos essenciais.
O que são Variáveis?
Variáveis são espaços na memória do
computador usados para armazenar
informações durante a execução de um
programa.
Pense nelas como caixas etiquetadas:
cada caixa tem um nome e guarda um
valor que pode ser usado a qualquer
momento.
Em JavaScript, você precisa
declarar uma variável antes de
usá-la.
TIPOS DE DECLARAÇÃO
Três formas de declarar variáveis
var let const
A forma original do JavaScript. A forma moderna para valores que Para valores fixos e imutáveis.
Ainda funciona, mas tem podem mudar. Respeita o escopo Uma vez definida, não pode ser
problemas de escopo que podem do bloco onde foi declarada. reatribuída.
causar bugs difíceis de rastrear.
VAR
A declaração var
Foi a primeira forma de declarar variáveis em JavaScript.
Ainda é encontrada em códigos mais antigos, mas hoje é var nome = "Carlos";
pouco recomendada. [Link](nome);
// Saída: Carlos
O var tem escopo de função, não de bloco — o var x = 10;
que pode causar comportamentos inesperados no if (true) {
código. var x = 20; // mesma variável!
}
Use apenas ao manter código legado. Para novos projetos, [Link](x); // 20
prefira let ou const.
LET
A declaração let
Permite criar variáveis que podem ter seu valor alterado ao
longo do programa. Respeita o escopo do bloco {} onde foi let idade = 20;
declarada. [Link](idade); // 20
Quando usar: idade = 21; // atualiza o valor
[Link](idade); // 21
Contadores em laços de repetição
Resultados de cálculos
Variáveis que mudam com interação do usuário O let é a escolha padrão para a maioria das
variáveis em projetos modernos.
CONST
A declaração const
const pi = 3.14;
[Link](pi); // 3.14
// Isso causaria um erro:
// pi = 3.1416;
Comparando var, let e const
Palavra-chave Pode mudar? Escopo Quando usar
var ✅ Sim Função Código legado
let ✅ Sim Bloco Valores dinâmicos
const ❌ Não Bloco Valores fixos
A regra geral moderna: use const por padrão, e let apenas quando precisar alterar o valor.
EXEMPLOS PRÁTICOS
Exemplo 1 — Cadastro de Aluno
Neste exemplo, usamos let para as três variáveis, pois os
let aluno = "Maria"; dados de um aluno podem ser atualizados ao longo do
let nota = 8.5; sistema.
let aprovado = true;
aluno — texto (String)
[Link](aluno); // Maria nota — número decimal (Number)
[Link](nota); // 8.5
aprovado — verdadeiro ou falso (Boolean)
[Link](aprovado); // true
EXEMPLOS PRÁTICOS
Exemplo 2 — Sistema de Compras
Aqui combinamos const para o nome do produto (não
muda) e let para quantidade, preço e total (podem variar). const produto = "Mouse Gamer";
let quantidade = 2;
let preco = 150;
Calcular o total diretamente na declaração da
variável deixa o código mais limpo e legível. let total = quantidade * preco;
[Link](produto); // Mouse Gamer
[Link](total); // 300
Tipos de Dados em
JavaScript
JavaScript trabalha com diferentes tipos de dados. Conhecê-los é
fundamental para declarar variáveis corretamente e evitar erros.
Os principais tipos de dados
String Number
Texto entre aspas simples ou duplas. Números inteiros ou decimais.
"Olá, mundo!" 10
'JavaScript' 5.5
-3
Boolean Array
Apenas dois valores possíveis. Lista ordenada de valores.
true [1, 2, 3]
false ["a", "b"]
Tipos especiais
Object Null Null vs Undefined
null é um valor que você define propositalmente.
Coleção de pares chave- Representa a ausência
undefined ocorre quando o JavaScript não encontra um
valor para representar intencional de um valor.
valor atribuído à variável.
entidades complexas.
let resultado = null;
Entender esses tipos evita erros comuns como tentar somar um
{nome: "João", idade:
número com undefined.
25}
Undefined
Variável declarada, mas sem valor atribuído.
let x;
[Link](x); // undefined
Resumo — Tipos de Dados
Tipo Exemplo Descrição
String "Olá" Texto
Number 10, 5.5 Número inteiro ou decimal
Boolean true / false Verdadeiro ou falso
Array [1, 2, 3] Lista de valores
Object {nome: "João"} Estrutura com propriedades
Null null Ausência intencional de valor
Undefined undefined Valor não atribuído
Operadores Lógicos em
JavaScript
Os operadores lógicos permitem combinar e comparar condições,
tornando seus programas mais inteligentes e dinâmicos.
Os três operadores lógicos
&& — AND (E) || — OR (OU) ! — NOT (NÃO)
Retorna true somente quando Retorna true quando pelo menos Inverte o valor lógico: transforma
todas as condições forem uma das condições for verdadeira. true em false e vice-versa.
verdadeiras.
&& AND
Operador && — E (AND)
O operador && exige que todas as condições sejam
verdadeiras para retornar true. Se qualquer uma for falsa, o let idade = 20;
resultado será false. let possuiCarteira = true;
if (idade >= 18 && possuiCarteira) {
Pense como uma lista de requisitos: a pessoa [Link]("Pode dirigir");
precisa atender a todos para passar. }
// Saída: Pode dirigir
Neste exemplo, o motorista precisa ter 18 anos e possuir
carteira ao mesmo tempo.
|| OR
Operador || — OU (OR)
O operador || retorna true quando pelo menos uma das
let chuva = false; condições for verdadeira. Mesmo que chuva seja false, a
let guardaChuva = true; pessoa tem guarda-chuva — então pode sair.
if (chuva || guardaChuva) {
[Link]("Você pode sair"); O OR é mais permissivo: basta uma condição
} satisfeita para que o bloco execute.
// Saída: Você pode sair
! NOT
Operador ! — NÃO (NOT)
O operador ! inverte o valor lógico de uma expressão. É
muito útil para verificar se algo não está ativo ou habilitado. let sistemaAtivo = false;
if (!sistemaAtivo) {
!false se torna true [Link]("Sistema desligado");
!true se torna false }
// Saída: Sistema desligado
Neste caso, o sistema está desligado (false), mas o ! inverte
// Outro exemplo:
para true e o bloco executa.
let logado = false;
if (!logado) {
[Link]("Faça login primeiro");
}
Tabela Verdade dos Operadores
A B A && B A || B !A
true true ✅ true ✅ true ❌ false
true false ❌ false ✅ true ❌ false
false true ❌ false ✅ true ✅ true
false false ❌ false ❌ false ✅ true
A tabela verdade mostra o resultado de cada operador para todas as combinações possíveis de true e false.
EXEMPLOS PRÁTICOS
Sistema de Login
Um sistema de login clássico que usa o operador &&: o
let usuario = "admin"; usuário só acessa se ambas as credenciais estiverem
let senha = "1234"; corretas.
if (usuario === "admin" && senha === "1234") {
[Link]("Login realizado"); Em sistemas reais, senhas nunca devem ser
} else { armazenadas como texto puro. Use criptografia!
[Link]("Usuário ou senha inválidos");
}
// Saída: Login realizado
EXEMPLOS PRÁTICOS
Verificação de Aprovação
O aluno precisa atender a dois critérios simultaneamente:
nota mínima de 7 e frequência mínima de 75%. O operador let nota = 7;
&& garante isso. let frequencia = 80;
Nota ≥ 7 ✅ if (nota >= 7 && frequencia >= 75) {
Frequência ≥ 75% ✅ [Link]("Aluno aprovado");
}
// Saída: Aluno aprovado
Ambas as condições são verdadeiras, portanto o
aluno está aprovado.
EXEMPLOS PRÁTICOS
Sistema de Desconto
O desconto é liberado se o cliente for VIP ou se a compra
let clienteVip = true; ultrapassar R$ 500. Basta uma das condições ser
let valorCompra = 600; verdadeira.
if (clienteVip || valorCompra > 500) { Neste caso, as duas são verdadeiras, mas o || já garante o
[Link]("Desconto liberado"); desconto com apenas uma.
}
// Saída: Desconto liberado O OR é ideal para oferecer vantagens por múltiplos
caminhos.
EXEMPLOS PRÁTICOS
Verificação de Manutenção
O operador ! é perfeito para verificar se um sistema não está
em manutenção antes de liberar o acesso. let manutencao = false;
Como manutencao é false, o ! inverte para true e o sistema if (!manutencao) {
exibe a mensagem de funcionamento. [Link]("Sistema funcionando");
}
// Saída: Sistema funcionando
Usar ! torna o código mais expressivo e natural de
ler.
// Se fosse true:
// manutencao = true;
// !manutencao → false → não executa
Combinando múltiplos operadores
É possível combinar &&, || e ! em uma mesma condição
let idade = 25; para criar regras mais complexas.
✅
let possuiCNH = true;
let alcool = false; Tem 18+ anos
Possui CNH ✅
if (idade >= 18 && possuiCNH && !alcool) {
[Link]("Autorizado a dirigir");
Não consumiu álcool (!false = true) ✅
} else {
[Link]("Não autorizado"); Use parênteses para deixar a ordem das
} operações mais clara em expressões complexas.
// Saída: Autorizado a dirigir
Fluxo de decisão com operadores
Avaliar Aplicar Executar
Condições Operador Resultado
Todo operador lógico segue esse fluxo: as condições são avaliadas, o operador combina os resultados e o programa decide
qual caminho executar.
Boas práticas com variáveis
Prefira const por padrão Use nomes descritivos
Use const sempre que possível. Troque por let apenas Evite x, a ou temp. Prefira totalCompra, nomeAluno —
se o valor precisar mudar. nomes que revelam a intenção.
Evite var em novos projetos Uma variável, uma responsabilidade
O escopo de função do var pode causar bugs Cada variável deve guardar apenas um tipo de
silenciosos. Use let ou const. informação. Não misture significados numa mesma
variável.
Boas práticas com operadores lógicos
Simplifique condições Use parênteses em Cuidado com o operador !
longas expressões mistas Evite duplas negações como
Se uma condição ficou muito Ao combinar && e ||, use !!valor sem necessidade — elas
longa, extraia partes em variáveis parênteses para deixar a confundem mais do que ajudam.
com nomes claros antes do if. precedência explícita e o código
legível.
Resumo Geral — Variáveis
Palavra Função Recomendação
var Variável de escopo de função Evitar em novos projetos
let Variável que pode mudar Usar quando o valor muda
const Valor fixo, imutável Usar por padrão
Operador Símbolo Resultado verdadeiro quando...
AND && Todas as condições são verdadeiras
OR || Pelo menos uma condição é
verdadeira
NOT ! A condição original é falsa
Próximos passos
Agora que você domina variáveis e operadores lógicos, está pronto para explorar os
próximos conceitos do JavaScript.
01
Estruturas de controle
if, else if, switch
02
Laços de repetição
for, while, do while
03
Funções
Reutilize blocos de código com function e arrow functions
04
Arrays e Objetos
Estruturas de dados para organizar informações complexas
Parabéns! ï
Você aprendeu os fundamentos essenciais de variáveis e operadores
lógicos em JavaScript. A prática é o segredo — experimente os
exemplos no seu editor e crie variações!
Dica final: Abra o console do navegador (F12) e teste os
exemplos desta aula agora mesmo. Aprender programação é
fazer, não só ler.