Entenda a diferença entre var, let e const em JavaScript

Qual a diferença entre var, let e const?

Em JavaScript, a escolha de como declarar uma variável é crucial para garantir que o seu código seja robusto e fácil de manter. As palavras-chave var, let e const são usadas para declarar variáveis, mas cada uma possui características e comportamentos distintos.

var

A palavra-chave var é a forma mais antiga de declaração de variáveis em JavaScript e possui algumas limitações. Uma das principais características do var é seu escopo de função. Isso significa que uma variável declarada com var é acessível em qualquer lugar dentro da função onde foi definida, o que pode causar confusão, especialmente em loops ou blocos condicionalmente executados.

Exemplo de código:

function exemploVar() {
  var nome = 'João';
  console.log(nome);
}
exemploVar();

Este código declara uma variável nome dentro da função exemploVar usando var. A variável é acessível dentro dessa função e pode ser exibida no console.

let

A palavra-chave let foi introduzida no ECMAScript 6 (ES6) e tem um comportamento mais previsível, com escopo de bloco. Isso significa que uma variável declarada com let só pode ser acessada dentro do bloco em que foi declarada, como dentro de um loop ou de uma estrutura condicional. Isso evita problemas de escopo e torna o código mais seguro e fácil de depurar.

Exemplo de código:

function exemploLet() {
  let nome = 'Maria';
  console.log(nome);
}
exemploLet();

Neste exemplo, a variável nome é declarada com let dentro da função exemploLet, e seu escopo é limitado a essa função. Ela pode ser acessada e exibida no console dentro do escopo da função.

const

Já a palavra-chave const é usada para declarar variáveis cujo valor não deve ser alterado. Ou seja, uma vez que você atribui um valor a uma variável declarada com const, esse valor não pode ser reatribuído. O const também possui escopo de bloco, o que o torna mais previsível e seguro para uso em aplicações complexas.

Exemplo de código:

function exemploConst() {
  const pi = 3.14;
  console.log(pi);
}
exemploConst();

O código acima declara a variável pi como const dentro da função exemploConst. O valor de pi é atribuído uma vez e não pode ser alterado ao longo do código.

Conclusão

• Use var apenas em código legado ou quando precisar de escopo de função.
• Prefira let para variáveis cujo valor pode mudar e que têm um escopo de bloco.
• Use const sempre que o valor da variável não precisar ser alterado, garantindo imutabilidade e segurança no código.

A importância de escolher corretamente entre var, let e const

Entender as diferenças entre var, let e const é um passo importante para escrever código JavaScript eficiente e seguro. O uso adequado de cada uma dessas palavras-chave pode evitar erros de escopo e garantir que as variáveis se comportem de maneira previsível. No contexto de desenvolvimento moderno, a maioria dos desenvolvedores opta por usar let e const para garantir um controle mais preciso sobre a visibilidade e a mutabilidade das variáveis. A prática de codificação recomendada envolve evitar o uso de var em favor de let e const, pois isso melhora a legibilidade e a manutenção do código. Além disso, o uso de const sempre que possível ajuda a garantir que variáveis que não devem ser modificadas permaneçam imutáveis, o que é uma boa prática em projetos de longo prazo.

Algumas aplicações:

• Controle de fluxo em loops e funções (usando let)
• Definir constantes para valores imutáveis (usando const)
• Evitar problemas de escopo e reatribuição de valores com let e const em aplicações modernas
• Melhorar a legibilidade e manutenção do código
• Desenvolver aplicações seguras e previsíveis com o uso correto de variáveis

Dicas para quem está começando

• Sempre prefira usar let e const em vez de var, especialmente em projetos novos.
• Use let quando precisar de variáveis que vão mudar ao longo do código.
• Use const para variáveis que não precisam ser alteradas, como valores constantes ou configurações.
• Evite reatribuir valores em variáveis const para garantir a imutabilidade do código.

Contribuições de

Isabela Oliveira

Desenvolvedora front-end focada em JavaScript e experiência de usuário (UX).

Mais sobre o autor

Compartilhe este tutorial