Diferencias entre var, let y const: Cuándo usar cada una

Introducción El uso de var en JavaScript moderno se considera una mala práctica que genera bugs difíciles de encontrar debido al Hoisting y la falta de ámbito de bloque. Estos problemas pueden causar que variables “aparezcan” donde no deberían o se sobrescriban por accidente. La solución es usar const por defecto y let solo cuando necesites reasignar valores.

Solución Rápida (Código)

// 1. CONST: Para valores que NO cambian (80% del tiempo)
const API_URL = "https://api.8devmx.com";

// 2. LET: Para variables que SI cambian (contadores, bucles)
let contador = 0;
contador++;

// 3. VAR: EVITAR (Genera confusión de ámbito)
if (true) {
    var global = "Soy accesible fuera del IF";
}
console.log(global); // Esto es peligroso

Explicación técnica La principal diferencia radica en el Scope (Ámbito). var tiene un ámbito de función, mientras que let y const tienen un ámbito de bloque (definido por llaves {}). Esto significa que una variable declarada con let dentro de un ciclo for no existirá fuera de él, evitando la contaminación de datos.

Además, let y const sufren de la Temporal Dead Zone, lo que impide usarlas antes de ser declaradas, a diferencia de var que se eleva (Hoisting) con valor undefined. Usar const siempre que sea posible mejora la mantenibilidad del código, ya que le indica a otros desarrolladores (y al motor de JS) que ese valor no debe mutar, lo que permite optimizaciones internas y reduce errores de lógica en aplicaciones escalables.

Conclusión El uso correcto de declaraciones es el cimiento de un código limpio. Si quieres profundizar en buenas prácticas, revisa nuestro artículo sobre Clean Code en JavaScript: Reglas de Oro.