Desenvolvedor de Software e Especialista em Tecnologia da Informação

Variáveis em JavaScript: Let vs Const — O guia definitivo para programadores iniciantes

Se você está começando a aprender JavaScript, entender a diferença entre variáveis e constantes é um dos primeiros passos para escrever código de forma organizada e profissional. Neste guia completo, você vai aprender o que realmente significa declarar uma variável, como o JavaScript reserva espaço na memória do computador e por que existem as palavras-chave let e const. Uma habilidade essencial para qualquer programador, seja você um iniciante ou um profissional experiente.

Variáveis em JavaScript: LET vs CONST (Explicado para Iniciantes) 🚀

Muitos iniciantes ficam em dúvida sobre quando utilizar let, quando utilizar const e por que o JavaScript gera erro ao tentar alterar uma constante. Neste vídeo mostramos tudo isso na prática utilizando exemplos simples e fáceis de entender.

JavaScript Variáveis JavaScript Let JavaScript Const JavaScript JavaScript para Iniciantes Aprender JavaScript Desenvolvimento Web Frontend Boas Práticas EcmaScript RogerioPontesTI

"Uma variável é como uma caixa onde você guarda um valor. Você pode colocar algo dentro, trocar por outra coisa, ou simplesmente olhar o que está guardado. Uma constante é como uma caixa lacrada — depois que você coloca algo lá dentro, não pode mais trocar. Entender essa diferença é o primeiro passo para escrever código profissional."

🔍 O que são variáveis em JavaScript?

Uma variável é um espaço reservado na memória do computador para armazenar informações durante a execução do programa. Pense em uma variável como uma caixa com um rótulo onde você pode guardar valores.

Em JavaScript, existem três formas de declarar variáveis:

  • var — a forma antiga (não recomendada atualmente)
  • let — a forma moderna para variáveis que podem ser alteradas
  • const — para constantes que não podem ser reatribuídas
DECLARANDO VARIÁVEIS 

// var - forma antiga (evite usar)
var nomeAntigo = "João";

// let - forma moderna para variáveis mutáveis
let nome = "Rogerio";
nome = "Rogerio Pontes";  // ✅ Pode ser alterado

// const - para constantes (não podem ser reatribuídas)
const IDADE = 48;
IDADE = 50;  // ❌ Erro! Assignment to constant variable

📝 O que é uma declaração em JavaScript?

Uma declaração é o ato de criar uma variável ou constante e, opcionalmente, atribuir um valor inicial. É como criar uma caixa e colocar um rótulo nela.

Em JavaScript, a declaração é feita usando as palavras-chave let, const ou var.

DECLARAÇÃO DE VARIÁVEIS 

// Declaração sem atribuição
let nome;  // A variável existe, mas não tem valor (undefined)

// Declaração com atribuição
let curso = "JavaScript";  // Cria e já atribui um valor

// Declaração de constante
const DATA = "2026";  // Constante deve ter valor na declaração
⚠️ Erro comum entre programadores iniciantes

Esquecer de declarar a variável antes de usar:

// ❌ Errado
nome = "Rogerio";  // Isso cria uma variável global (não recomendado)

// ✅ Correto
let nome = "Rogerio";  // Declaração correta

🔄 A palavra-chave let em JavaScript

A palavra-chave let foi introduzida no ECMAScript 6 (ES6) e é a forma moderna de declarar variáveis que podem ser alteradas ao longo do programa.

LET EM AÇÃO 

// Declarando com let
let cursoNome = "Curso";
console.log(cursoNome);  // "Curso"

// Concatenando e alterando
cursoNome = cursoNome + " de JavaScript";
console.log(cursoNome);  // "Curso de JavaScript"

// Reatribuição com novos valores
cursoNome = "Aprendendo JS";
console.log(cursoNome);  // "Aprendendo JS"

Quando usar let?

  • Quando o valor da variável pode mudar
  • Em contadores de loops (for, while)
  • Em variáveis que armazenam estados que mudam
  • Quando você precisa reatribuir o valor

No exemplo abaixo, nome é uma variável que pode ser alterada porque o valor pode mudar durante a execução.

🔒 A palavra-chave const em JavaScript

A palavra-chave const também foi introduzida no ES6 e é usada para declarar constantes — valores que não podem ser reatribuídos.

CONST EM AÇÃO 

// Declarando uma constante
const IDADE = 48;
console.log("A idade é " + IDADE);  // "A idade é 48"

// ❌ Tentando alterar uma constante
IDADE = 50;  // TypeError: Assignment to constant variable

Quando usar const?

  • Quando o valor não precisa ser alterado
  • Para configurações e constantes do sistema
  • Para referências a funções e objetos que não serão reatribuídos
  • Sempre que possível — é a melhor prática
🔄 let — Mutável
let mensagem = "Olá";
mensagem = "Olá, mundo!";  // ✅ Funciona
🔒 const — Imutável (na reatribuição)
const mensagem = "Olá";
mensagem = "Olá, mundo!";  // ❌ Erro!

❌ O erro "Assignment to constant variable"

Quando você tenta alterar o valor de uma constante, o JavaScript gera um erro:

ERRO DA CONSTANTE 

// Declarando uma constante
const NOME = "Rogerio";

// Tentando alterar
NOME = "Maria";

// Resultado no console:
Uncaught TypeError: Assignment to constant variable.
    at <anonymous>:1:5
📖 Como interpretar esse erro

O erro significa que você está tentando reatribuir um valor a uma constante. O JavaScript está protegendo o valor que você definiu como imutável.

Para corrigir, você tem duas opções:

  • Use let — se o valor realmente precisa mudar
  • Mantenha como const — se o valor não deve mudar

🧐 Const e Objetos — O que é imutável?

Um ponto que confunde muitos programadores iniciantes é que const não torna objetos ou arrays imutáveis. Ela apenas impede a reatribuição da variável.

CONST E OBJETOS 

// Const com objeto
const usuario = {
    nome: "Rogerio",
    idade: 48
};

// ✅ Podemos alterar as PROPRIEDADES do objeto
usuario.idade = 50;  // Funciona!
usuario.cidade = "Angra";  // Funciona!

// ❌ Não podemos REATRIBUIR o objeto
usuario = { nome: "Maria" };  // Erro!

// Const com array
const numeros = [1, 2, 3];

// ✅ Podemos alterar o conteúdo do array
numeros.push(4);  // Funciona!
numeros[0] = 10;  // Funciona!

// ❌ Não podemos reatribuir o array
numeros = [5, 6, 7];  // Erro!
💡 Resumo sobre const
  • const impede a reatribuição da variável
  • const NÃO impede a modificação de objetos ou arrays
  • Para tornar um objeto realmente imutável, use Object.freeze()

📋 Boas práticas com variáveis em JavaScript

1️⃣ Use const por padrão

Sempre que possível, use const. Isso torna seu código mais previsível e seguro.

2️⃣ Use let quando precisar mudar

Use let apenas quando o valor realmente precisar ser reatribuído.

3️⃣ Evite var

var tem comportamentos confusos e não deve ser usado em código moderno.

4️⃣ Nomes descritivos

Use nomes que descrevam o que a variável representa. nomeUsuario é melhor que n.

BOAS PRÁTICAS 

// ❌ Ruim
var a = "Rogerio";
var b = 48;

// ✅ Bom
const NOME_USUARIO = "Rogerio";
let idade = 48;

// ❌ Ruim - Const sem necessidade
let PI = 3.14159;  // PI nunca muda

// ✅ Bom - Const para valores fixos
const PI = 3.14159;

⏱️ Capítulos do vídeo

  • 00:00 — O que é uma declaração em JavaScript?
  • 00:30 — O que é uma variável? Como funciona a memória no JavaScript
  • 00:49 — Variáveis na prática: entendendo a memória com uma analogia simples
  • 01:07 — O que é uma constante (const) em JavaScript?
  • 01:25 — Como declarar variáveis usando LET
  • 02:06 — Como alterar e concatenar valores com LET
  • 03:02 — Como declarar constantes usando CONST
  • 03:15 — Erro "Assignment to constant variable": por que acontece?
  • 03:48 — Como interpretar o erro no Console do JavaScript
  • 04:05 — LET ou CONST? Qual usar no dia a dia e próximos passos

🎯 Conclusão

Entender a diferença entre let e const é fundamental para escrever código JavaScript moderno e profissional.

Neste artigo, você aprendeu:

  • ✅ O que são variáveis e constantes em JavaScript
  • ✅ Como usar let para variáveis mutáveis
  • ✅ Como usar const para constantes
  • ✅ A diferença entre let e const
  • ✅ O erro "Assignment to constant variable" e como corrigi-lo
  • ✅ Boas práticas para declarar variáveis
  • ✅ Como const funciona com objetos e arrays

💡 Lembre-se: Use const por padrão e let apenas quando precisar reatribuir. Isso torna seu código mais seguro, previsível e fácil de entender.

🤔 O que você achou?

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

❓ FAQ: Perguntas Frequentes sobre Variáveis em JavaScript

É um espaço reservado na memória para armazenar informações durante a execução do programa.

É um identificador cujo valor não pode ser reatribuído após sua criação.

let permite alterar o valor posteriormente. const não permite reatribuição.

Quando o valor poderá mudar durante a execução do programa, como em contadores ou estados.

Sempre que o valor não precisar ser reatribuído. Use const por padrão.

Não. Ela impede apenas a reatribuição da variável. Objetos e arrays ainda podem ter seu conteúdo alterado.

Sim: let nome;. O valor será undefined.

O JavaScript gera um erro do tipo Assignment to constant variable.

Sim, mas hoje o recomendado é utilizar let e const.

Utilizar const por padrão e recorrer ao let apenas quando realmente precisar alterar o valor da variável.

É a região do código onde a variável pode ser acessada. let e const têm escopo de bloco.

É o comportamento do JavaScript de mover as declarações para o topo do escopo. Com let e const, a variável existe mas não pode ser acessada antes da declaração.

🎬 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

YouTube Site LinkedIn GitHub Instagram

💬 Você costuma utilizar mais let ou const nos seus projetos? Existe alguma dúvida sobre variáveis em JavaScript que ainda não ficou clara? Escreva aqui nos comentários! 👇

#JavaScript #LET #CONST #Variaveis #Programacao #JavaScriptParaIniciantes #CursoJavaScript #Frontend #DesenvolvimentoWeb #Programador #RogerioPontesTI