JavaScript Básico: 3 Erros Que Todo Iniciante Comete

POV: Você cometeu os 3 erros clássicos do JavaScript e o código quebrou 😱💻

Começamos com o básico: declarar duas variáveis numéricas e somar com console.log, vendo o navegador interpretar a tag script e processar a operação. Depois mostramos o que acontece quando um dos números vira string (entre aspas): em vez de somar, o JavaScript concatena os valores, juntando os textos em vez de calcular. Também mostramos o erro de referência: tentar usar uma variável que nunca foi declarada gera um erro dizendo que ela "não está definida" — no JavaScript, tudo precisa existir antes de ser usado.

"Talvez você já esteja escrevendo seus primeiros códigos. Talvez o seu código nesse momento ainda não faz sentido para você. Mas você vai perceber que o JavaScript é uma linguagem que tem uma curva de aprendizado baixa e que você certamente em pouco tempo vai conseguir dominá-la."

🧠 Por que programadores iniciantes cometem erros em JavaScript?

Aprender a programar é uma jornada empolgante, mas cheia de desafios . Como qualquer habilidade complexa, exige prática, paciência e, claro, erros — muitos erros . Erros são parte fundamental do aprendizado em programação . Cada erro é uma oportunidade de entender melhor como o código funciona .

No JavaScript, alguns erros são tão comuns que praticamente todo iniciante passa por eles . Neste artigo, vamos explorar os três erros mais clássicos e como evitá-los .

❌ Erro 1: Number vs String — a soma que virou concatenação

Um dos erros mais clássicos em JavaScript é tentar somar um número com uma string . Em vez de somar, o JavaScript concatena os valores .

const numero1 = "10";  // String (entre aspas)
const numero2 = 20;    // Number

console.log(numero1 + numero2);
// Saída: "1020" (concatenação, não soma!)
        

const numero1 = 10;   // Number (sem aspas)
const numero2 = 20;   // Number

console.log(numero1 + numero2);
// Saída: 30 (soma correta!)
        

❌ Erro 2: ReferenceError — a variável que não existe

Outro erro comum é tentar usar uma variável que nunca foi declarada . O JavaScript não sabe o que você está falando e gera um ReferenceError .

const numero1 = 10;
const numero2 = 20;

console.log(numero3); // ❌ ReferenceError: numero3 is not defined
        

const numero1 = 10;
const numero2 = 20;
const numero3 = 30; // ✅ Declarando a variável

console.log(numero3); // 30
        

❌ Erro 3: Precedência de operadores — a ordem que confunde

O JavaScript tem uma ordem de execução para operadores . Quando você mistura concatenação e soma na mesma linha, o resultado pode ser inesperado .

const numero1 = 10;
const numero2 = 20;

console.log("A soma de " + numero1 + " e " + numero2 + " é " + numero1 + numero2);
// Saída: "A soma de 10 e 20 é 1020" (concatenação!)
        

const numero1 = 10;
const numero2 = 20;

console.log("A soma de " + numero1 + " e " + numero2 + " é " + (numero1 + numero2));
// Saída: "A soma de 10 e 20 é 30" (soma correta!)
        

📥 Capturando dados do usuário com prompt()

A função prompt() é uma forma simples de capturar entradas do usuário . Ela exibe uma caixa de diálogo e retorna o que foi digitado .

// Capturando a entrada do usuário
const entrada = prompt("Digite um número de 0 a 9:");

// Exibindo o resultado
console.log("O número digitado foi: " + entrada);
        

⏱️ Capítulos do vídeo

• 00:00 — JavaScript básico: a curva de aprendizado
• 00:17 — Preparando a tag script no HTML
• 00:21 — Declarando variáveis em JavaScript
• 00:29 — Soma em JavaScript: console.log na prática
• 00:53 — Number vs String em JavaScript: o erro clássico
• 01:13 — Concatenação em JavaScript: o que acontece ao somar textos
• 01:29 — ReferenceError em JavaScript: variável não declarada
• 02:08 — Manipulando strings: mensagens dinâmicas no console
• 02:44 — Precedência de operadores: usando parênteses
• 03:06 — Prompt() em JavaScript: capturando dados do usuário
• 03:34 — Exibindo o resultado da entrada do usuário
• 03:47 — Encerramento e convite para se inscrever

🎯 Conclusão

Os erros fazem parte da jornada de qualquer programador . O importante é aprender com eles e não desistir . Cada erro é uma oportunidade de entender melhor como o código funciona .

Neste artigo, você aprendeu:

• ✅ Como declarar variáveis e somar valores com console.log
• ✅ A diferença entre Number e String em JavaScript
• ✅ Por que somar uma string gera concatenação em vez de soma
• ✅ O que é e por que acontece um ReferenceError
• ✅ Como o sinal de + pode significar soma ou concatenação
• ✅ Como usar parênteses para garantir a precedência correta
• ✅ Como capturar dados do usuário com a função prompt()

🤔 O que você achou?

💬 Quer aprender JavaScript do ZERO? Comece agora a escrever seu primeiro código e seus fundamentos!

❓ FAQ: Perguntas Frequentes sobre Erros Comuns em JavaScript

🎬 Assista ao Vídeos completo sobre Refatoração

O vídeo foi feito em Javascript mais o conceito pode ser utilizado em qualquer outra linguagem de programação..

🔗 Conecte-se Comigo