1. ¿Qué es izar en JavaScript?

Respuesta: El levantamiento es el proceso durante la fase de creación del contexto de ejecución donde se asigna memoria para variables y funciones. Durante este proceso, se asigna la memoria para las variables y a las variables se les asigna el valor indefinido. Para las funciones, la definición completa de la función se almacena en una dirección específica en la memoria y se coloca una referencia a ella en la pila en ese contexto de ejecución particular.

2. ¿Cuál es la diferencia entre elevación variable y elevación funcional?

Respuesta: El levantamiento de variables ocurre cuando la declaración de una variable se mueve a la parte superior de su alcance. Por otro lado, el aumento de función ocurre cuando toda la función, incluido su cuerpo, se mueve a la parte superior de su alcance.

3. ¿Cómo funciona la elevación en JavaScript?

Respuesta: Hoisting es un mecanismo de JavaScript donde las declaraciones de variables y funciones se mueven a la parte superior de su alcance antes de que comience la ejecución del código. Gracias al levantamiento, podemos usar variables antes de declararlas.

• Elevación de variable: Cuando se declara una variable, se mueve a la parte superior de su alcance y podemos usar esa variable incluso antes de su declaración en el código.

• Elevación de función: Cuando se eleva una función, todo el cuerpo de la función se mueve a la parte superior de su alcance. Esto significa que podemos llamar a la función incluso antes de su declaración en el código.

4. ¿Cuál es el valor de una variable declarada pero no inicializada?

Respuesta: Si declaras una variable pero no le asignas un valor, se considera que la variable no tiene valor. JavaScript mueve la declaración de variable a la parte superior durante el levantamiento, pero a la variable aún no se le ha asignado un valor. La variable se asigna como indefinida, lo que significa que la variable aún no ha recibido ningún valor.

5. ¿Qué sucede si declaras una variable dos veces en el mismo ámbito?

Respuesta: Si declara la misma variable dos veces en el mismo alcance, la segunda declaración sobrescribirá la primera y el valor de la primera declaración será reemplazado por la segunda. Esto sucede porque JavaScript almacena la primera declaración en la memoria y, cuando encuentra la segunda, sobrescribe el valor anterior.

6. ¿Puedes generar una variable sin usar la palabra clave var?

Respuesta: Sí, en JavaScript, puedes elevar variables usando let o const en lugar de var. Si bien var se ha usado tradicionalmente, tiene algunos problemas relacionados con el alcance, por lo que se recomienda usar let o const.

Ejemplo con let:

let myVariable = 42;
console.log(myVariable); // Output: 42

Ejemplo con const:

const pi = 3.14159;
console.log(pi); // Output: 3.14159

Las variables declaradas con let y const tienen alcance a nivel de bloque, lo que significa que están confinadas al bloque (como una función, bucle o declaración) donde están definidas. let permite la reasignación, mientras que const se usa para constantes y no se puede reasignar.

7. ¿Cuál es la diferencia entre una declaración de función y una expresión de función en términos de elevación?

Respuesta: Una declaración de función se eleva a la parte superior de su alcance, mientras que una expresión de función no. Esto significa que puedes llamar a una función declarada con una declaración de función antes de su definición, pero no puedes hacer lo mismo con una expresión de función.

8. ¿Cuál es el alcance de una variable elevada?

Respuesta: El alcance de una variable elevada depende de dónde se declara. Si la variable se declara dentro de una función, su alcance se limita a esa función, lo que significa que no se puede acceder a ella fuera de ella. Si una variable se declara fuera de cualquier función, tiene un alcance global, lo que significa que se puede acceder a ella desde cualquier parte del código.

9. ¿Cómo se puede evitar el izado en JavaScript?

Respuesta: La elevación no se puede evitar por completo en JavaScript, pero puedes escribir tu código de una manera que evite posibles problemas causados ​​por ella. Una forma de hacerlo es declarando todas las variables y funciones en la parte superior de su alcance.

En los ejemplos de código anteriores, todas las variables y funciones se declaran en la parte superior de su bloque usando var o let. Esto garantiza que las variables y funciones se incluyan dentro de su bloque y aparezcan en la parte superior de su alcance.

Este método hace que el flujo de código y los valores de las variables sean más predecibles, lo que ayuda a reducir la variabilidad y los posibles errores.

10. ¿Cuáles son los posibles peligros del izado en JavaScript?

Respuesta: El izado puede provocar posibles problemas si no se comprende completamente cómo funciona, lo que puede provocar comportamientos inesperados. Por ejemplo, si declara una variable dentro de una declaración de bloque e intenta acceder a ella fuera del bloque, es posible que la variable se eleve a la parte superior de la función o al alcance global, lo que puede no ser lo que pretendía.

• Alcance del bloque y elevación: Las variables declaradas dentro de un bloque aún pueden elevarse a la parte superior de su alcance.

• Dificultad de depuración: La elevación puede dificultar la depuración porque es posible que el valor o la variable a la que intentas acceder no se comporte como se esperaba.

• Peculiaridades en la definición de funciones: Las funciones se elevan a la parte superior de su alcance, pero es posible que no siempre las uses de la manera esperada.
  Para abordar estos problemas de elevación, es importante declarar claramente sus variables y funciones y comprender cómo funciona la elevación dentro de su código.

11. ¿Puede el izado cambiar el orden de ejecución en JavaScript?

Respuesta: Sí, la elevación en JavaScript mueve las declaraciones de variables y funciones a la parte superior de sus respectivos alcances antes de que comience la ejecución del código. Esto puede cambiar el flujo esperado de ejecución de código.
Con hoisting, puedes declarar una variable y usarla antes de que realmente se defina, lo que podría cambiar el orden esperado de ejecución del código y generar resultados no deseados.
Por ejemplo, si no define funciones al principio del script y luego las usa, se elevarán a la parte superior, lo que podría crear un flujo y un comportamiento inesperados en el código.

12. ¿Cuál es la diferencia entre elevar declaraciones en var y let?

Respuesta: las declaraciones var se elevan a la parte superior de su alcance, mientras que las declaraciones let se elevan a la parte superior de su bloque. Esto significa que no se puede acceder a las variables declaradas con let fuera de su bloque.

Veamos un ejemplo para aclarar esto:

function example() {
    console.log(x); // undefined
    var x = 5;
    console.log(x); // 5
}
example();
console.log(x); // ReferenceError: x is not defined

Aquí, var x = 5; se eleva a la parte superior del alcance de la función. Sin embargo, cuando se llama a console.log(x) antes de la declaración, el valor no está definido debido al levantamiento.

Ahora veamos un ejemplo con let:

function example() {
    console.log(y); // ReferenceError: y is not defined
    let y = 10;
    console.log(y); // 10
}
example();
console.log(y); // ReferenceError: y is not defined

Aquí, sea y = 10; se eleva a la parte superior del alcance de su bloque, pero intentar acceder a él antes de su declaración genera un ReferenceError.

En resumen, las variables var se elevan a la parte superior del alcance de la función, mientras que las variables let se elevan a la parte superior de su bloque.

13. ¿Qué sucede si intentas acceder a una variable elevada antes de declararla?

Respuesta: Si intenta acceder a una variable elevada antes de declararla, su valor no estará definido.

14. ¿Cuál es el comportamiento de elevación de las funciones de flecha en JavaScript?

Respuesta: Las funciones de flecha no están activadas en JavaScript, por lo que no se puede llamar a una función de flecha antes de que esté definida.

// This will work
function regularFunction() {
    console.log("This is a regular function");
}
regularFunction(); // "This is a regular function"

// This will not work
arrowFunction(); // TypeError: arrowFunction is not a function
const arrowFunction = () => {
    console.log("This is an arrow function");
};

Aquí, la función regular se activa y se puede llamar antes de su definición, pero la función flecha no se activa, por lo que llamarla antes de su definición generará un error.

15. ¿Puede ocurrir la elevación dentro de una función?

Respuesta: Sí, la elevación puede ocurrir dentro de una función. Esto significa que las variables o funciones declaradas dentro de una función se elevan a la parte superior del alcance de esa función.

16. ¿Qué es la cadena de alcance en JavaScript?

Respuesta: En JavaScript, la cadena de alcance es la jerarquía de alcances utilizada por el motor de JavaScript para buscar el valor de una variable. La cadena de alcance incluye el alcance de la función actual, los alcances de la función externa y el alcance global.

La cadena de alcance funciona como un proceso paso a paso para encontrar el valor de una variable. Si una variable o función se declara dentro de una función, el motor JavaScript primero busca dentro del alcance de esa función. Si el valor no se encuentra allí, busca la función externa y continúa este proceso hasta alcanzar el alcance global.
De esta manera, JavaScript utiliza la cadena de alcance para encontrar valores de variables y actualiza la cadena según dónde esté definida la variable.

17. ¿Cuál será el resultado del siguiente fragmento de código?

Respuesta:

console.log(a);
var a = 10;
Output: undefined

18. ¿Cuál será el resultado del siguiente fragmento de código?

Respuesta:
Error de referencia: a no está definido
En este caso, a se declara usando let, lo que significa que no se eleva a la cima de su alcance. Dado que a no está definido antes de la declaración console.log(), se genera un error de referencia.

19. ¿Cuál será el resultado del siguiente fragmento de código?

Respuesta:

var a = 5;
(function() {
    console.log(a); // undefined
    var a = 10;
})();
Output: undefined

Para comprender este proceso completamente, analicémoslo paso a paso:

En la primera línea, var a = 5; crea una variable a con el valor de 5 en el ámbito global.
Luego, se define y llama a una expresión de función invocada inmediatamente (IIFE).
Dentro de la función, console.log(a); intenta imprimir el valor de a. Sin embargo, debido a que var a = 10; se declara dentro de la función, la variable local a se eleva fuera del alcance de la función, pero su valor aún no ha sido asignado, por lo que se imprime sin definir.
Después de eso, var a = 10; crea una nueva variable en el ámbito local con el valor de 10.
Por tanto, el primer console.log(a); imprime indefinido debido al levantamiento y, después de la declaración, el valor de a se actualiza a 10.

20. ¿Cuál será el resultado del siguiente fragmento de código?

Respuesta:

function test() {
  console.log(a);
  var a = 10;
  console.log(a);
}
test();
Output:
undefined
10

La función test() se define con dos declaraciones console.log():

En el primer console.log(a); la variable a está declarada dentro de la función pero aún no se le ha asignado un valor, por lo que se imprime sin definir.
En el segundo console.log(a); a la variable a se le asigna el valor 10, que se imprime como 10.
Por lo tanto, cuando se llama a la función, el primer console.log(a); imprime indefinido y el segundo console.log(a); impresiones 10.