Funciones dentro de funciones

Ya vimos que reasignar una variable global cambia el resultado de las funciones que la utilizan. Depender de esos cambios puede provocar resultados inesperados y errores. Los parámetros nos permiten reutilizar funciones pasándoles explícitamente los valores necesarios.

Con los parámetros todo resulta sencillo cuando queremos llamar a una función y obtener el resultado en ese momento.

var eatDinner = function (food) {
  console.log('Comí ' + food);
};

eatDinner('bistec');
// Muestra: Comí bistec

¿Y si queremos preparar una función con sus propios datos y utilizarla más tarde? Es lo que hacemos con los manejadores: creamos la función, usamos valores dentro y esperamos a que ocurra un evento para obtener el resultado. A veces no sale como esperamos, como en nuestra galería. Pero estamos cerca de resolverlo.

Volvamos a la escuela. ¿Y si no quieres comer apio ni depender de lo que haya en el comedor? ¡Puedes llevar comida de casa! Así tendrás un recipiente en la mochila, listo para sacarlo y comer cuando quieras. ¿Cómo lo hacemos en código?

var collectContainer = function () {
  var food = 'pasta';
  var eatDinner = function () {
    console.log('Comí ' + food);
  }
  return eatDinner;
};

var schoolkid = collectContainer();
// La variable contiene la función eatDinner,
// devuelta por collectContainer

// Llamamos a eatDinner desde la variable schoolkid
schoolkid();
// Muestra: Comí pasta

No te preocupes: en el siguiente ejercicio veremos con detalle cómo funciona esta expresión y por qué. Por ahora, comprobemos que se ejecuta tal como muestra el ejemplo.