JS Hoisting
Basic Information
En el lenguaje JavaScript, se describe un mecanismo conocido como Hoisting donde las declaraciones de variables, funciones, clases o importaciones se elevan conceptualmente a la parte superior de su ámbito antes de que se ejecute el código. Este proceso es realizado automáticamente por el motor de JavaScript, que revisa el script en múltiples pasadas.
Durante la primera pasada, el motor analiza el código para verificar errores de sintaxis y lo transforma en un árbol de sintaxis abstracta. Esta fase incluye el hoisting, un proceso donde ciertas declaraciones se mueven a la parte superior del contexto de ejecución. Si la fase de análisis es exitosa, indicando que no hay errores de sintaxis, la ejecución del script continúa.
Es crucial entender que:
El script debe estar libre de errores de sintaxis para que la ejecución ocurra. Las reglas de sintaxis deben ser estrictamente respetadas.
La ubicación del código dentro del script afecta la ejecución debido al hoisting, aunque el código ejecutado puede diferir de su representación textual.
Types of Hoisting
Basado en la información de MDN, hay cuatro tipos distintos de hoisting en JavaScript:
Value Hoisting: Permite el uso del valor de una variable dentro de su ámbito antes de su línea de declaración.
Declaration Hoisting: Permite referenciar una variable dentro de su ámbito antes de su declaración sin causar un
ReferenceError
, pero el valor de la variable seráundefined
.Este tipo altera el comportamiento dentro de su ámbito debido a la declaración de la variable antes de su línea de declaración real.
Los efectos secundarios de la declaración ocurren antes de que se evalúe el resto del código que la contiene.
En detalle, las declaraciones de funciones exhiben un comportamiento de hoisting de tipo 1. La palabra clave var
demuestra un comportamiento de tipo 2. Las declaraciones léxicas, que incluyen let
, const
y class
, muestran un comportamiento de tipo 3. Por último, las declaraciones import
son únicas en que se elevan con comportamientos de tipo 1 y tipo 4.
Scenarios
Por lo tanto, si tienes escenarios donde puedes Inject JS code after an undeclared object se utiliza, podrías fix the syntax declarando la variable (para que tu código se ejecute en lugar de lanzar un error):
Más Escenarios
Referencias
Last updated