Variable hoisting in Javascript

variable-hoisting.js

/******************************************************************************************************
 * 
 * 🆙🆙🆙🆙 Variable hoisting 🆙🆙🆙🆙
 * 
 * Característica del lenguaje que de forma automática la declaración de las variables 
 * a la parte superior del bloque funcional / global
 * 
 *******************************************************************************************************/

console.log(user); // "undefined" pero no da error
var user = {};

// 👀 Javascript lo ve así: 👀
var user;
console.log(user);
user = {};


/**********
 * 😲 También hay "Function hoisting" cuando declaramos una función
 **********/

foo();
function foo() {
  alert('it works!');
};


/**********
 * ⚠️ Pero esto no funciona si asignamos una función a una variable
 ***********/

foo();

var foo = function() {
  alert('it works!');
};

// ❌ Uncaught TypeError: foo is not a function 


/**********
 * 🚫 Las variables declaradas con let / const sufren hoisting pero son puestas
 * en la Temporal Dead Zone, por lo que no pueden usarse hasta que son definidas
 **********/

console.log(user);
const user = {};

// ❌ Uncaught ReferenceError: Cannot access 'user' before initialization