Atribuição
A aritmética deu-lhe símbolos que calculam um número novo. Aqui coloca o resultado numa caixa com nome e atualiza-a depois. A atribuição é como as variáveis se enchem — com = e com formas curtas como += que significam «pega no valor antigo, muda-o, guarda outra vez.»
O que é atribuição?
Atribuição guarda um valor numa variável. À esquerda fica o nome. À direita, o valor (ou uma expressão que o produz). Depois de let points = 10;, o nome points contém 10. Mais à frente pode ler esse nome ou guardar um valor novo.
Os operadores num relance
📊 Operadores de atribuição do dia a dia
| Operador | Significa | Equivale a |
|---|---|---|
= |
guardar | (primeiro armazenamento ou substituição total) |
+= |
somar e guardar | x = x + … |
-= |
subtrair e guardar | x = x - … |
*= |
multiplicar e guardar | x = x * … |
/= |
dividir e guardar | x = x / … |
%= |
resto e guardar | x = x % … |
Mantenha esta folha por perto. Cada atalho continua a ser atribuição — só junta a conta numa instrução. Um principiante deve conseguir expandir += mentalmente para x = x + ….
let points = 10;
console.log(points);
let label = "ready";
console.log(label);
let total = 4 + 6;
console.log(total);
Reatribuir com let
Com let, uma atribuição posterior substitui o valor guardado. É normal em contadores, pontuações e campos de formulário que mudam.
let score = 0;
console.log(score);
score = 10;
console.log(score);
score = score + 5;
console.log(score);
A consola mostra 0, depois 10, depois 15. Cada = escreve um valor novo em score. Prefira const quando o nome não deve mudar após o primeiro armazenamento — const rejeita uma segunda atribuição a esse nome.
Atribuição composta (atalhos)
Os atalhos atualizam e guardam numa linha. O mesmo nome fica à esquerda.
let n = 8;
n += 2;
console.log(n);
n -= 3;
console.log(n);
n *= 2;
console.log(n);
n /= 4;
console.log(n);
n %= 3;
console.log(n);
Comece em 8. Após += 2 tem 10. Após -= 3 → 7. Após *= 2 → 14. Após /= 4 → 3.5. Após %= 3 → 0.5. Siga um atalho de cada vez até o padrão ficar automático.
+= com texto
+= também funciona quando o valor guardado é uma string — acrescenta texto. Útil para construir uma mensagem passo a passo.
let msg = "Hi";
msg += " ";
msg += "Sam";
console.log(msg);
let line = "score=";
line += 12;
console.log(line);
msg passa a "Hi Sam". line passa a "score=12" porque juntar um número a uma string torna o resultado texto. A mesma ideia da armadilha do + na aritmética — saiba se queria números ou uma mensagem.
= guarda; === compara
Um sinal de igual guarda. Três perguntam «mesmo valor e tipo?». Confundi-los é erro clássico: escrever if (x = 5) guarda 5 em vez de comparar.
let x = 5;
console.log(x);
console.log(x === 5);
console.log(x === "5");
x = 9;
console.log(x === 9);
Após let x = 5, o log de x é 5. x === 5 é true. x === "5" é false (número vs string). Depois x = 9 guarda um valor novo; então x === 9 é true. A lição profunda de comparação vem a seguir — aqui só precisa do contraste guardar/perguntar.
Atualizar um contador na página
Guarde uma contagem inicial, aumente com += e escreva o resultado na página.
<!DOCTYPE html>
<html>
<head>
<title>Assignment — page counter</title>
</head>
<body>
<p id="out">…</p>
<script>
let clicks = 0;
clicks += 1;
clicks += 2;
let box = document.getElementById("out");
box.textContent = "clicks=" + clicks;
</script>
</body>
</html>
Comece em 0, some 1, depois 2 → a página mostra clicks=3. Mude os atalhos, atualize e confirme o texto. Botões reais podem chamar a mesma ideia mais tarde; esta demo só mostra guardar e atualizar.
Experimente você
- Guarde
let a = 3, registea, depois atribuaa = 7e registe de novo. - Comece com
let n = 10, executen += 4, registen. - A partir desse
n, executen *= 2e registe. - Construa
let s = "Go"e depoiss += "!"e registe. - Registe
7 === 7e7 === "7"lado a lado. - Na demo HTML, mude só o segundo atalho (
+= 2), atualize e leia o novo valor de clicks.
Erros comuns
- Escrever
=quando queria===dentro de uma condição - Tentar reatribuir um nome
constapós o primeiro armazenamento - Esquecer o nome da variável à esquerda (
+= 5sozinho não é válido) - Assumir que
+=só funciona com números — strings também se acrescentam - Confundir atribuição (guardar) com aritmética pura (novo valor sem destino nomeado)
Resumo
=guarda um valor numa variávelletpermite armazenamentos posteriores;constfixa o primeiro+=-=*=/=%=atualizam e guardam num passo+=pode acrescentar texto ou somar números=guarda;===compara — não troque- Seguinte: comparação — perguntar com
===,!==,<,>e companhia
🧠 Teste Seu Conhecimento
Teste Seu Conhecimento
Desafie-se com este questionário interativo e veja o quão bem você entende o tópico
📝 Instruções
- Leia cada pergunta cuidadosamente
- Selecione a melhor resposta para cada pergunta
- Você pode refazer o quiz quantas vezes quiser
- Seu progresso será mostrado no topo