Sintaxe JavaScript
Já sabe que uma instrução é um trabalho completo e costuma terminar com ponto e vírgula. Agora olhamos para dentro: a sintaxe — as regras para escrever valores e nomes de modo que o navegador aceite o código.
O que é a sintaxe JavaScript e que peças um iniciante escreve primeiro?
A sintaxe é o conjunto de regras para escrever JavaScript que o motor consegue ler. No início escreve sobretudo literais (valores fixos: números e texto entre aspas), identificadores (nomes que inventa) e expressões (pequenas receitas que produzem um valor dentro de uma instrução). JavaScript é sensível a maiúsculas: score e Score são nomes diferentes. Mantenha as aspas de abertura e fecho iguais numa string.
Peças da sintaxe de relance
📊 Peças que o iniciante encontra primeiro
| Peça | Exemplo | O que significa para si |
|---|---|---|
| Literal | 42 ou "Hi" |
Um valor escrito diretamente no código |
| Aspas | "Hello" ou 'Hi' |
Marcam texto; abertura e fecho devem coincidir |
| Identificador | userName |
Um nome que inventa (letras, dígitos, _, $; não começar por dígito) |
| Maiúsculas/minúsculas | total ≠ Total |
Mesma ortografia, capitalização diferente → nomes diferentes |
| Expressão | 2 + 3 ou "A" + "B" |
Constrói um valor que uma instrução pode usar |
| Instrução (lembrete) | console.log(2 + 3); |
Um trabalho completo que usa estas peças |
Literais — valores escritos no sítio
Um literal é um valor que escreve diretamente. Números não precisam de aspas. Texto (uma string) fica entre aspas simples ou duplas coincidentes.
console.log(42);
console.log("Hello");
console.log('Also a string');
Hábitos bons com literais
- Números: escreva dígitos (e um ponto decimal se precisar)
- Strings: escolha
"ou'e feche com o mesmo tipo - Não ponha aspas em números comuns a menos que queira mesmo texto
Identificadores — nomes que inventa
Um identificador é um nome para algo no programa. Vai usá-lo muito com variáveis. Por agora, as regras de escrita: começar por letra, _ ou $; depois letras, dígitos, _ ou $. Evite espaços e hífenes no nome.
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);
let introduz um nome. À direita há literais; city e year são identificadores. Regras profundas de declaração vêm em Variables — aqui o ponto é como os nomes se escrevem.
Sensibilidade a maiúsculas
JavaScript trata letras maiúsculas como significativas. color e Color são dois identificadores diferentes. Erro comum: o código «parece certo» mas esse nome não existe.
let color = "teal";
console.log(color);
// console.log(Color); // erro se Color nunca foi criado
Expressões dentro de instruções
Uma expressão produz um valor. Uma instrução é o trabalho completo que faz algo com esse valor (por exemplo, registá-lo). Já escreve instruções; a sintaxe nomeia as peças lá dentro.
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);
2 + 3 é uma expressão (valor 5). console.log(2 + 3); é a instrução que o imprime. Operadores como + e * terão as suas sessões; aqui basta ver que as expressões vivem dentro das instruções.
Literais na página
Os visitantes veem valores quando uma instrução atualiza a página. A string que atribui continua a ser um literal — sintaxe e saída trabalham juntas.
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>
A atribuição termina com ponto e vírgula. À direita, "Syntax works" é um literal de string. Aspas incompletas ou um getElementById mal escrito partem a sintaxe ou a procura do nome.
Experimente você
- Registe um literal numérico e um de string; mude ambos e execute de novo.
- Crie
let label = "OK";, registe-o e renomeie o identificador nos dois sítios. - Mude
labelparaLabelsó num sítio e confirme o aviso da Console; corrija a capitalização. - Registe
"Hi" + "!"e7 - 2; cada expressão está dentro de uma instrução. - Abra a demo HTML; mude a string entre aspas de
textContente atualize.
Erros comuns
- Deixar uma string sem aspas de fecho coincidentes
- Assumir que
scoreeScoresão o mesmo nome - Começar um identificador com dígito (
1name) ou usar espaços no nome - Misturar com a sessão de instruções: ordem e blocos
{ }foram a lição anterior; aqui o foco são valores e nomes - Esperar já a lição completa de Variables —
letsó mostra identificadores reais
Resumo
- Sintaxe é o conjunto de regras do JavaScript válido
- Literais são valores escritos diretamente (números; strings entre aspas)
- Identificadores são nomes; ortografia e maiúsculas importam
- Expressões constroem valores; instruções usam-nos
- A seguir: Comments — notas para humanos que o motor ignora
🧠 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