Instruções JavaScript
Você já sabe enviar resultados para a página, um diálogo ou só o Console. Agora olhamos as unidades de trabalho dentro de um script: as instruções (statements). Cada instrução é uma tarefa completa. Várias instruções correm de cima para baixo, até ferramentas de fluxo de controle mudarem o caminho depois.
O que é uma instrução JavaScript e como escrever várias?
Uma instrução é uma tarefa completa que o navegador executa — por exemplo registrar um valor ou atualizar um elemento. Neste curso, termine cada instrução com ponto e vírgula (;). Escreva-as na ordem em que quer que corram. Espaços e quebras de linha são para humanos; não mudam o significado se as instruções permanecerem claras. Quando várias instruções pertencem juntas, coloque-as entre chaves { } — esse grupo é um bloco de código.
Regras das instruções em resumo
📊 Como pensar instruções no início
| Ideia | O que significa para você |
|---|---|
| Uma instrução | Uma tarefa completa (depois ; neste curso) |
| Ponto e vírgula | Termina a instrução — faça disso um hábito já |
| Sequência | De cima para baixo: linhas anteriores terminam primeiro |
| Espaços | Espaços e linhas em branco ajudam a ler; não são «sintaxe extra» |
| Quebra de linha | Pode dividir uma instrução longa se continuar clara |
Bloco { } |
Um grupo de instruções como uma unidade (verá muitas vezes) |
Uma instrução
Comece com uma tarefa. O ponto e vírgula a fecha. O Console mostra o resultado para você — visitantes ainda precisam de uma atualização de página se esse for o objetivo (sessão anterior).
console.log("One statement");
Bons hábitos
- Prefira um trabalho claro por instrução enquanto aprende
- Coloque
;no fim mesmo que o motor às vezes adivinhe - Leia a linha em voz alta: se ainda não for uma tarefa completa, não terminou
Várias instruções — a ordem importa
O motor executa instruções em ordem. O primeiro console.log termina antes de o segundo começar. Troque as linhas e a ordem do Console também troca.
console.log("First");
console.log("Second");
console.log("Third");
Na página vale a mesma regra: uma instrução anterior que define texto corre antes de uma posterior que o muda. A ordem faz parte do significado.
Mais de uma instrução numa linha
Você pode pôr duas instruções curtas numa linha se cada uma tiver o seu ponto e vírgula. Ficheiros legíveis costumam manter uma instrução por linha. Use uma linha partilhada só quando os dois passos são minúsculos e realmente vão juntos.
console.log("A"); console.log("B");
Espaços e quebras de linha
Espaços a mais e linhas em branco não criam novas instruções. Quebrar uma instrução longa em várias linhas está bem se as partes ainda forem uma tarefa clara. Não «corrija» um erro apagando todos os espaços — corrija a lógica ou o ponto e vírgula em falta.
console.log(
"Still one statement"
);
console.log("Next statement");
Blocos de código — instruções entre chaves
As chaves { } reúnem instruções num bloco. Em breve verá blocos em funções, testes if e ciclos. Por agora, um bloco significa «estas instruções viajam juntas».
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
Ambas as instruções dentro das chaves correm em ordem. O título termina em «Step two — last wins» porque essa atribuição é a última. As chaves não mudam a regra cima→baixo; só agrupam o trabalho.
Experimente você
- Execute as três linhas
console.log; depois troque a primeira e a última e confirme a ordem no Console. - Ponha dois logs curtos numa linha com dois pontos e vírgula; depois separe-os em duas linhas para ler melhor.
- Quebre um log de string em duas linhas como no exemplo de espaços — continue uma instrução.
- Abra a demo HTML do bloco; mude a string da segunda atribuição e atualize.
- Opcional: remova um ponto e vírgula de propósito, note o aviso do Console e volte a colocá-lo.
Erros comuns
- Pensar que espaços ou linhas em branco são o programa (só moldam a leitura)
- Assumir que linhas posteriores correm antes das anteriores
- Saltar o ponto e vírgula «porque funcionou uma vez» e depois bater num caso confuso de inserção automática
- Misturar esta sessão com Saída: instruções são tarefas; Saída era onde o resultado aparece
- Esperar já Syntax (próxima sessão) — literais, identificadores e maiúsculas/minúsculas vão lá
Resumo
- Uma instrução é uma tarefa completa
- Termine instruções com
;neste curso - Várias instruções correm de cima para baixo
- Espaços e quebras ajudam humanos; não inventam novas instruções
{ }agrupa instruções num bloco de código- A seguir: Syntax — como escrever valores e nomes dentro dessas instruções
🧠 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