Entendiendo las Funciones Flecha en ES6

Las funciones flecha son una de las adiciones más notables a JavaScript con la introducción de ES6 (ECMAScript 2015). Ofrecen una sintaxis más concisa para escribir funciones y tienen ciertas características especiales en cuanto a cómo manejan el contexto 'this' y el proceso de "izamiento". Exploraremos estas características en detalle para entender las respuestas correctas a la pregunta.

Contexto 'This' en Funciones Flecha

Las funciones flecha no tienen su propio contexto 'this'. En las funciones tradicionales de JavaScript, 'this' se refiere al objeto que actualmente está en contexto, es decir, el objeto que llama a la función. Este comportamiento puede variar y puede resultar confuso en ciertos escenarios.

En el caso de las funciones flecha, 'this' se refiere al contexto desde donde se llamó la función flecha. Este comportamiento es conocido como 'lexical scoping' o ámbito léxico. Por lo tanto, el valor de 'this' dentro de la función flecha no cambia, independientemente de cómo o dónde se invoca la función.

Aquí un ejemplo ilustrativo:

var miObjeto = {
  miMetodo() {
    // Función flecha
    setTimeout(() => {
      console.log(this); // 'this' se refiere a 'miObjeto'
    }, 1000);
  }
};

miObjeto.miMetodo();

"Izamiento" y Funciones Flecha

Las funciones flecha no son izadas. En JavaScript, el "izamiento" (o hoisting) se refiere al comportamiento del intérprete de mover las declaraciones de variables y funciones al inicio de su ámbito antes de la ejecución del código.

Las funciones declaradas con la palabra clave 'function' son izadas, lo que significa que pueden ser invocadas antes de su declaración. Por otro lado, las funciones flecha siguen las mismas reglas de izamiento que las variables 'let' y 'const', no son izadas y por lo tanto deben ser declaradas antes de su uso.

Un ejemplo para ilustrar esto:

miFuncion(); // Esto funcionará

function miFuncion() {
  console.log("Hola Mundo");
}

miFuncionFlecha(); // Esto lanzará un error: Uncaught ReferenceError: Cannot access 'miFuncionFlecha' before initialization

let miFuncionFlecha = () => {
  console.log("Hola Mundo");
};

Por último, las funciones flecha no pueden usarse como constructores y no tienen su propio objeto 'arguments'. Estas características diferencian a las funciones flecha de las funciones normales y son esenciales para entender cómo y cuándo se deben utilizar.