Elevación (hoisting)

En EsJS/JavaScript ocurre un mecanismo conocido como "Elevación" (hoisting en inglés), que implica que, al momento de ejecutarse el programa, ciertas porciones de código se "elevan". Es decir, se mueven hacia arriba.

Elevación de variables (hoisting)

En EsJS/JavaScript puedes hacer referencia a una variable global declarada más tarde, sin obtener una excepción.

consola.escribir('El valor de a es ' + a); // El valor de a es indefinido
var a;

Abrir Editor

Este concepto se conoce como elevación. Las variables en EsJS son, en cierto sentido, "elevadas" (o "izadas") a la parte superior de la función o declaración. Sin embargo, las variables que se elevan devuelven un valor de indefinido. Entonces, incluso si la declaras e inicias después de usarla o hacer referencia a esta variable, todavía devuelve indefinido.

consola.escribir(x === indefinido); // verdadero
var x = 3;

Abrir Editor

// devolverá un valor de indefinido
var miVariable = 'mi valor';

(funcion() {
  consola.escribir(miVariable); // indefinido
  var miVariable = 'valor local';
})();

Abrir Editor

Los ejemplos anteriores se interpretarán de la misma manera que:

/**
 * Ejemplo 1
 */
var x;
consola.escribir(x === indefinido); // verdadero
x = 3;

/**
 * Ejemplo 2
 */
var miVariable = 'mi valor';

(funcion() {
  var miVariable;
  consola.escribir(miVariable); // indefinido
  miVariable = 'valor local';
})();

Debido a la elevación, todas las declaraciones var en una función se deben colocar lo más cerca posible de la parte superior de la función. Esta buena práctica aumenta la claridad del código.

En EsJS, var y const se elevan pero no se inician. Hacer referencia a la variable en el bloque antes de la declaración de la variable da como resultado un ReferenceError, porque la variable está en una "zona muerta temporal" desde el inicio del bloque hasta que se procesa la declaración.

consola.escribir(x); // ReferenceError
mut x = 3;

Elevación de función

En el caso de las funciones, solo se incluyen declaraciones de función, pero no las expresiones de la función.

/* Declaración de función */

foo(); // "bar"

funcion foo() {
  consola.escribir('bar');
}


/* Expresión de función */

baz(); // TypeError: baz no es una función

var baz = funcion() {
  consola.escribir('bar2');
};