Hoisting en JavaScript

¿Sabías que el flujo de nuestro código en JavaScript no se ejecuta completamente línea por línea?

Bueno, la realidad es que sí. Sin embargo, las declaraciones de variables y funciones son registradas en memoria durante la compilación, lo cual, da la sensación de que éstas son movidas al inicio del código.

¿Por qué se dice que el código se mueve?

Al momento de asignar en memoria las declaraciones, se puede pensar que todas son movidas al comienzo de nuestro código de la siguiente manera:

Es por eso que, en JavaScript, podemos ejecutar funciones que son declaradas después.

OJO: Si, en el ejemplo anterior, asignas la función a una variable, va a marcar error, ya que se va a guardar la declaración de la variable, pero no su asignación (la función). Es decir:

En este caso, deberías asignar la función antes de ejecutarla.

Este tema es de suma importancia en JavaScript, pero, a su vez, es desconocido por muchos desarrolladores. En indeterminadas ocasiones, pudieran ocurrir errores casi imposibles de detectar debido al desconocimiento del hoisting.

Cuéntanos, ¿ya conocías este interesante tema?

PD: Les queremos anunciar que ya tenemos canal de YouTube, donde estaremos subiendo videos relacionados a temas aquí vistos. ¡Suscríbete aquí!

Publicado por Almanceware

Ingeniero orgullosamente mexicano

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s

A %d blogueros les gusta esto: