English 中文 العربية 日本語 Português

JavaScript: Sintaxe do JavaScript

Última atualização: 2026-10-13

Sintaxe são as regras da linguagem — dominar as regras de sintaxe do JS garante que seu código seja corretamente entendido pelo navegador.

Declarações relacionadas：console.log() function return const else let var

1. Instruções e Ponto e Vírgula

O código JS é composto por instruções, cada uma realizando uma ação. Um ponto e vírgula ; marca o final de uma instrução.

Embora o JS tenha inserção automática de ponto e vírgula (ASI) e a maioria dos código funcione bem sem eles, é fortemente recomendado adicioná-los manualmente. Por quê? Porque a ASI ocasionalmente interpreta mal sua intenção, causando bugs difíceis de depurar. Criar o hábito de adicionar ponto e vírgula economiza muito mais tempo de depuração do que o esforço de digitá-los.

Múltiplas instruções envoltas em chaves {} formam um bloco de código, comumente visto em corpos de funções, condicionais e loops:

HTML 
<script>
if (score > 60) {
  result = "Aprovado";
  color = "green";
}
</script>

Blocos de código fazem múltiplas instruções executarem como uma unidade. Embora as chaves possam ser omitidas para instruções únicas, nunca as ignore — as chaves tornam sua intenção mais clara e previnem bugs quando você adicionar mais instruções depois.

3. Comentários

Comentários são escritos para humanos; o navegador os ignora completamente. Bons comentários explicam "por quê", não "o quê" (o código em si deve transmitir o que faz).

4. Maiúsculas e Minúsculas

O JS é estritamente sensível a maiúsculas e minúsculas: myVar, myvar e MYVAR são três variáveis completamente diferentes. Iniciantes frequentemente tropeçam aqui — a lógica parece correta, mas erros ocorrem por causa de maiúsculas/minúsculas erradas.

5. Palavras-chave e Palavras Reservadas

O JS reserva certas palavras como palavras-chave (como var, let, const, function, if, else, etc.) e você não pode usá-las como nomes de variáveis. A lista completa de palavras reservadas é longa; apenas lembre das mais comuns — o destaque de sintaxe do seu editor ajudará a identificá-las.

▶ Exemplo: Instruções, Ponto e Vírgula e Blocos de Código

▶ Experimente

▶ Exemplo: Usando Comentários

▶ Experimente

▶ Exemplo: Demonstração de Maiúsculas e Minúsculas

▶ Experimente

▶ Exemplo: Regras de Nomenclatura na Prática

▶ Experimente

Declarações relacionadas：console.log() function return const else let var

❓ Perguntas Frequentes

P Omitir ponto e vírgula realmente pode causar bugs?
R Na maioria das vezes não, mas existem casos extremos. Por exemplo, uma quebra de linha após return faz o JS inserir automaticamente um ponto e vírgula, retornando undefined em vez do valor pretendido. Esses bugs são extremamente sorrateiros — você pode depurar por horas para descobrir um ponto e vírgula faltando. Por que arriscar?
P Devo adicionar chaves em instruções de uma linha?
R Sim. Hoje é uma linha; amanhã você pode adicionar mais duas. Esquecer de adicionar chaves depois causa erros de lógica. Chaves custam alguns bytes, mas economizam horas de depuração.
P camelCase ou snake_case — qual é melhor?
R No mundo JS, camelCase (primeiroNome) é o padrão. snake_case (primeiro_nome) é mais comum em Python e campos de banco de dados. Quando em Roma, faça como os romanos — use camelCase em JS.

📖 Resumo

📝 Exercícios

  1. Básico: Escreva código JS que declare duas variáveis nomeAluno e idadeAluno, atribua valores a elas e imprima com console.log(). Certifique-se de que todas as instruções tenham ponto e vírgula e os nomes das variáveis usem camelCase.
  2. Intermediário: Crie uma página com um campo de entrada e um botão. Quando o usuário inserir uma idade, determine se ele é maior de idade (≥18) usando um bloco if/else e exiba o resultado na página.
  3. Desafio: Crie uma página de "Verificador de Nomenclatura" onde o usuário insira um nome de variável. O JS verifica se é válido (sem dígitos no início, sem espaços ou hífens, não é uma palavra-chave) e exibe "Válido" ou "Inválido" com o motivo.
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%