Quando Utilizar let, var ou const em JavaScript

JavaScript oferece diversas formas de declarar variáveis, sendo as mais comuns "var", "let" e "const". Cada uma dessas palavras-chave desempenha um papel crucial no desenvolvimento de aplicações robustas e eficientes. Neste artigo, vamos explorar profundamente o uso de "var", "let" e "const" em JavaScript, entendendo suas nuances e descobrindo as melhores práticas para uma programação mais eficaz.

As palavras-chave "var", "let" e "const" desempenham papéis distintos nesse cenário, influenciando o escopo, a reatribuição e a imutabilidade das variáveis.

Compreendendo "var" em JavaScript

var foi a forma tradicional de declarar variáveis em JavaScript.

As variáveis declaradas com var têm escopo de função, o que significa que são visíveis em toda a função em que foram declaradas.

Também são suscetíveis a "hoisting", o que significa que a declaração da variável é movida para o topo da função durante a fase de compilação.

Exemplo:

function exemploVar() {
if (true) {
var x = 10;
console.log(x); // 10
}
console.log(x); // 10
}

Quando Utilizar "var"

A palavra-chave "var" foi amplamente usada antes da introdução de "let" e "const". No entanto, ainda pode ser apropriada em alguns contextos:

A. Escopo Global ou de Função

var nome = "João";
function saudacao() {
var mensagem = "Olá, " + nome;
console.log(mensagem);
}

B. Hoisting

console.log(x); // undefined
var x = 5;

Explorando "let" em JavaScript

let foi introduzido no ECMAScript 6 (ES6) para superar algumas das limitações do var.

As variáveis declaradas com let têm escopo de bloco, o que significa que são visíveis apenas dentro do bloco em que foram declaradas.

Não são suscetíveis a "hoisting".

Exemplo:

function exemploLet() {
if (true) {
let y = 20;
console.log(y); // 20
}
// console.log(y); // Erro! y não está definido aqui
}

Quando Utilizar "let"

A palavra-chave "let" é preferencialmente usada quando a variável precisa ser reatribuída durante a execução do código. Situações comuns incluem:

A. Loops e Contadores

for (let i = 0; i < 5; i++) { 
// código aqui 
} 

B. Variáveis que Mudam de Valor

let temperatura=25; if (condicao) { temperatura=30; } 

O Poder de "const" em JavaScript

const também foi introduzido no ES6 e é usado para declarar constantes, ou seja, variáveis cujo valor não pode ser reatribuído.

Assim como let, as variáveis declaradas com const têm escopo de bloco.

O valor de uma constante não pode ser alterado após a atribuição inicial.

Exemplo:

function exemploConst() {
const z = 30;
// z = 40; // Erro! Não é possível reatribuir um valor a uma constante
console.log(z); // 30
}

Quando Utilizar "const"

A palavra-chave "const" é usada quando você deseja garantir que a variável não seja reatribuída após a inicialização. Situações típicas incluem:

A. Constantes e Valores Imutáveis

const PI = 3.14;
const diasNaSemana = 7;

B. Objetos e Arrays Imutáveis

const numeros = [1, 2, 3];
numeros.push(4); // Erro, pois tenta modificar o array