¿Qué es el hoisting de JavaScript?

Autor: | Última modificación: 30 de noviembre de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

Las variables son una parte fundamental de la sintaxis de muchos lenguajes de programación, pues nos permiten declarar elementos que utilizaremos en nuestro código. En este post, te enseñaremos qué es y cómo funciona el concepto de hoisting de JavaScript, fundamental para entender el comportamiento de variables en este lenguaje de programación.

Antes de empezar

Cuando hablamos del hoisting de JavaScript, nos referimos a un concepto que afecta a la forma en la que se comportan las variables en este lenguaje de programación. Como puedes leer en nuestro post sobre declarar variables en JavaScript, existen tres maneras de definir una variable: var, let y const.

¿Por qué existen tres maneras y no solo una? Pues porque cada palabra clave nos permite determinar un comportamiento diferente. En este sentido, la palabra que más usemos reflejará la forma en la que hemos decidido programar.

Entonces, por ejemplo, un desarrollador web que prefiere ejecutar la lógica de sus proyectos por medio de anidar funciones independientes, utilizará const como su declaración de variables preferida. Esto se debe a que esta lógica requiere establecer constantes en vez de variables que muten con el paso de las líneas. Esto, además, permite más legibilidad en el código al dar claridad sobre el comportamiento de la variable a futuro, pues no cambiará. Esta legibilidad es algo que cualquier desarrollador web agradecerá.

¿Cuándo usar entonces una variable declarada con let? Desde KeepCoding te recomendamos que utilices esta palabra clave cuando sepas que la variable puede transformar su valor, como sería el caso de una variable que pueda llegar a tomar el valor de null o que inicie en este estado y luego se modifique. En el contexto de un código grande, este tipo de variables resaltan y llaman al desarrollador a prestar más atención a los valores que declaran.

En los años recientes hemos visto un decrecimiento en el uso de var como forma de declarar variables. Esto se relaciona profundamente con el concepto de hoisting de JavaScript.

¿Qué es el hoisting de JavaScript?

El concepto de hoisting de JavaScript determina que el valor de una variable declarada con var puede subir al principio del scope de la función dentro de la que está declarada. Esto puede ser peligroso, porque puedes terminar con un valor de tipo undefined a pesar de haberle otorgado valor a tus variables. Es decir, la palabra clave var a veces nos sorprende con valores indefinidos en variables definidas.

El hoisting de JavaScript raras veces genera este comportamiento en variables declaradas con const y con let. Aunque puede suceder, el desarrollador web casi que tiene que generar este comportamiento a propósito para que suceda. Por esto es que, en los últimos años, los desarrolladores web se enfocan mucho más en estas dos palabras clave, para que el hoisting de JavaScript no acepte las variables de manera negativa.

Esperamos que este post haya resuelto tus dudas. Si quieres profundizar más en el concepto de hoisting de JavaScript, te invitamos a leer el artículo hoisting en la página oficial de la Mozilla Developer Network.

¿Qué sigue?

Tras leer este post, sabes exactamente qué es y cómo funciona el hoisting de JavaScript. Sin embargo, ¡todavía queda mucho por aprender! Por ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, un espacio de formación intensiva donde aprenderás los conceptos, lenguajes de programación y herramientas fundamentales para desarrollar en la web. ¡Anímate a seguir aprendiendo e inscríbete ahora!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Trabajo? Aprende a programar y consíguelo.

¡No te pierdas la próxima edición del Aprende a Programar desde Cero Full Stack Jr. Bootcamp!

 

Prepárate en 4 meses, aprende las últimas tecnologías y consigue trabajo desde ya. 

 

Solo en España hay más de 120.400 puestos tech sin cubrir, y con un sueldo 11.000€ por encima de la media nacional. ¡Es tu momento!

 

🗓️ Próxima edición: 13 de febrero

 

Reserva tu plaza descubre las becas disponibles.

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!