Seu primeiro script JS: variáveis e console.log

1. Preparando o ambiente para o primeiro script

Antes de escrever qualquer linha de código JavaScript, precisamos configurar o ambiente de execução. Como estamos focados em Node.js, não precisaremos de HTML ou navegador — apenas do Node.js instalado em sua máquina.

Crie uma pasta para o projeto e, dentro dela, um arquivo chamado index.js:

mkdir meu-primeiro-script
cd meu-primeiro-script
touch index.js

Agora, abra o arquivo index.js em seu editor de código favorito. Para testar se tudo está funcionando, escreva:

console.log("Olá, mundo!");

Salve o arquivo e execute no terminal:

node index.js

Se você viu a mensagem "Olá, mundo!" impressa no terminal, parabéns! Seu ambiente está pronto. Este será o padrão para todos os exemplos deste artigo: escrevemos código JavaScript puro e executamos com Node.js.

2. Declarando variáveis: o coração do JavaScript

Variáveis são como "caixinhas" que guardam informações na memória do computador. Em JavaScript, usamos let (recomendado para valores que podem mudar) para declarar variáveis.

A sintaxe básica é:

let nome = "João";

Aqui, let é a palavra-chave que declara a variável, nome é o identificador (nome da variável) e "João" é o valor armazenado.

Vamos criar um exemplo prático armazenando dados pessoais:

let nome = "Maria";
let idade = 28;
let cidade = "São Paulo";

Agora temos três variáveis guardando informações distintas. Cada uma ocupa um espaço na memória e pode ser acessada pelo nome que definimos.

3. Trabalhando com diferentes tipos de dados

JavaScript é uma linguagem de tipagem dinâmica, o que significa que uma variável pode conter diferentes tipos de dados ao longo do programa. Os principais tipos primitivos são:

Strings — texto entre aspas simples, duplas ou crases:

let nome = "Ana";           // aspas duplas
let sobrenome = 'Silva';    // aspas simples
let frase = `Olá, mundo!`;  // crases (template string)

Numbers — números inteiros ou decimais:

let idade = 25;
let preco = 19.99;
let temperatura = -5;

Booleanos — valores lógicos true ou false:

let maiorDeIdade = true;
let estaLogado = false;

Null e Undefined — representam ausência de valor:

let valorNulo = null;        // intencionalmente vazio
let valorIndefinido;         // undefined (nunca foi atribuído)

A diferença crucial: null é um valor atribuído intencionalmente para indicar "vazio", enquanto undefined significa que a variável foi declarada mas nunca recebeu valor.

4. Exibindo informações com console.log

console.log() é a ferramenta mais básica e essencial para depuração em JavaScript. Ela exibe informações no terminal (ou no console do navegador, no caso do React).

Sintaxe simples:

console.log("Testando o console");

Podemos exibir o valor de variáveis:

let mensagem = "Aprendendo JavaScript";
console.log(mensagem);

E também múltiplos valores separados por vírgula:

let nome = "Carlos";
let idade = 30;
console.log("Nome:", nome, "Idade:", idade);

Isso imprimirá: Nome: Carlos Idade: 30

5. Concatenando e interpolando strings

Existem duas maneiras principais de combinar strings com variáveis em JavaScript.

Concatenação com o operador +:

let nome = "Beatriz";
let saudacao = "Olá, " + nome + "! Seja bem-vinda.";
console.log(saudacao);

Template strings com crases e ${} (interpolação):

let nome = "Beatriz";
let saudacao = `Olá, ${nome}! Seja bem-vinda.`;
console.log(saudacao);

A interpolação com template strings é mais moderna, legível e evita erros com aspas. Além disso, permite expressões complexas:

let a = 10;
let b = 20;
console.log(`A soma de ${a} e ${b} é ${a + b}`);

6. Variáveis em ação: um mini programa interativo

Vamos criar um script completo que utiliza todos os conceitos vistos até agora. Este programa armazena dados pessoais, modifica alguns valores e exibe uma saudação personalizada:

// Declarando variáveis iniciais
let nome = "Lucas";
let idade = 22;
let cidade = "Rio de Janeiro";
let profissao = "estudante";

// Exibindo dados originais
console.log("=== DADOS ORIGINAIS ===");
console.log(`Nome: ${nome}`);
console.log(`Idade: ${idade}`);
console.log(`Cidade: ${cidade}`);
console.log(`Profissão: ${profissao}`);

// Reatribuindo valores (idade mudou)
idade = 23;
cidade = "Belo Horizonte";

// Exibindo dados atualizados
console.log("\n=== DADOS ATUALIZADOS ===");
console.log(`Nome: ${nome}`);
console.log(`Idade: ${idade}`);
console.log(`Cidade: ${cidade}`);
console.log(`Profissão: ${profissao}`);

// Saudação personalizada
let saudacao = `Olá, ${nome}! Você tem ${idade} anos, mora em ${cidade} e trabalha como ${profissao}.`;
console.log("\n" + saudacao);

Ao executar este script com node index.js, você verá a saída completa no terminal. Observe como usamos let para permitir a reatribuição de idade e cidade.

7. Erros comuns e boas práticas iniciais

Iniciantes frequentemente cometem alguns erros. Conhecê-los ajuda a evitá-los:

Erro 1: Esquecer ponto e vírgula ou aspas

let nome = "João   // Erro: aspas não fechadas
let idade = 25     // Funciona, mas inconsistente

Erro 2: Usar variável sem declarar (ReferenceError)

console.log(preco);  // ReferenceError: preco is not defined
let preco = 10;

Sempre declare antes de usar.

Erro 3: Nomes confusos

let x = 25;           // Ruim: não sabemos o que é
let idadeUsuario = 25; // Bom: descritivo

Boas práticas:

  • Use camelCase para nomes de variáveis: minhaVariavel, nomeCompleto
  • Prefira let em vez de var (evita problemas de escopo)
  • Use nomes descritivos que expliquem o propósito da variável
  • Adicione comentários com // para explicar partes complexas
// Calcula o desconto de 10% no preço original
let precoOriginal = 100;
let desconto = precoOriginal * 0.10;
let precoFinal = precoOriginal - desconto;
console.log(`Preço final: R$ ${precoFinal}`);

Com estes fundamentos, você já pode criar scripts simples, armazenar dados e exibir resultados. No próximo artigo, exploraremos operadores e estruturas condicionais para dar ainda mais poder aos seus programas.

Referências