¿Qué es el hoisting?

En JavaScript, hoisting (elevación) es el proceso interno mediante el cual los declaradores de variables y funciones son movidos al top (cima) de su contexto de ejecución antes de que el código sea evaluado. No se mueve el valor, solo la declaración.

Esto significa que puedes referirte a una variable o función antes de haberla escrito en el archivo, pero el comportamiento varía según el tipo de declaración.

Hoisting de var vs let/const

console.log(a); // undefined (no error)
var a = 10;
console.log(a); // 10

console.log(b); // ReferenceError: Cannot access 'b' before initialization
let b = 20;
console.log(b); // 20
console.log(c); // ReferenceError
const c = 30; // obligatorio inicializar

Hoisting de funciones

Existen dos formas de declarar funciones:

saludar(); // "Hola"
function saludar(){
  console.log('Hola');
}

intentar(); // TypeError: intentar is not a function
var intentar = function(){
  console.log('Intento');
};

Comparativa rápida

Buenas prácticas para evitar sorpresas de hoisting

1. Usa siempre let o const. Elimina la ambigüedad del var y protege contra redeclaraciones accidentales.
2. Declara funciones antes de usarlas cuando utilices expresiones de función o arrow functions.
3. Activa eslint con la regla no-use-before-define para detectar accesos prematuros.
4. Utiliza módulos ES6 (import/export) que se ejecutan en modo estricto y evitan la mayoría de los problemas de hoisting.
5. Documenta el orden de inicialización en archivos grandes: agrupa constantes, luego variables, y por último funciones auxiliares.

Depuración y troubleshooting

Cuando encuentres ReferenceError: Cannot access 'X' before initialization o TypeError: X is not a function, sigue estos pasos:

• Revisa la posición de la declaración respecto al uso.
• Comprueba si la variable está declarada con var (puede ser undefined).
• Usa console.log antes de la línea problemática para ver cuál es el valor real.
• En entornos Node, ejecuta con la bandera --trace-uncaught para obtener stack traces más claros.

Impacto en rendimiento y escalabilidad

El proceso de hoisting es parte del phase de creación del Execution Context y ocurre una sola vez por contexto. En la práctica, su coste es insignificante comparado con la lógica de negocio. Sin embargo, un uso indiscriminado de var en funciones muy largas puede generar contaminación del scope y dificultar la optimización de motores JIT.

Recomendación: mantén los scopes pequeños, usa let/const y declara funciones con function si necesitas que estén disponibles en todo el módulo; de lo contrario, prefiere arrow functions asignadas a constantes.