Hoisting es cuando las variables y las funciones se declaran antes de que se procese cualquier tipo de código y posiblemente sea un poco confuso, pero es importante entender que el Hoisting ahora solo pasa con versiones pasadas de JS de EMA Script 5 hacia abajo, del EMA Script 6 en adelante el Hoisting ya no sucede, porque el Hoisting solo sucede con 2 palabras clave, que seria (variable) var y (función) function y de las versiones de EMA Script 6 en adelante presentaron 2 nuevas variables que son const y let y se diferencia en que ya no vamos a tener un Hoisting. Ahora vamos a ver un ejemplo en la siguiente imagen. console.log() 1
Captura de pantalla desde la consola de mi navegador.
El navegador por defecto declara las variables cuando no han sido declaradas o inicializadas, como vemos en la imagen el ejemplo nos muestra que la variable var miNombre no tiene un valor asignado por nosotros entonces el navegador lo que hace es agregarle el valor de undefined, y a pesar de que la variable haya sido declarada después, el Hoisting entra en juego.
El console.log() es una función que nos brinda el navegador, esta función nos ayuda a imprimir en la consola los resultados, aquí podemos imprimir variables, funciones, entre otras, esto nos permite ver en la consola ciertas cosas en tiempo real. 1
También tenemos Hoisting con las funciones, las funciones como te comente, el Hoisting es cuando las variables y las funciones se declaran al inicio del código antes de que se ejecute cualquier línea de código, entonces cuando también estamos trabajando con funciones se puede generar un Hoisting.
Captura de pantalla desde la consola de mi navegador.
