Matriz con funciones anónimas en JavaScript

Ya he mencionado antes que las funciones en JavaScript se comportan como cadenas o números. En particular, se puede hacer una matriz que consiste en funciones. Hagámoslo:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

Vamos, por ejemplo, a mostrar en la consola el contenido del elemento cero de la matriz:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

console.log(arr[0]); // veremos el código fuente de la primera función

Como puedes ver, en el ejemplo anterior obtenemos el código fuente de la función, no el resultado.

Para que se realice la llamada a la función, es necesario añadir paréntesis a la misma. Dado que nuestra función se almacena en arr[0], los paréntesis deberán escribirse después de los corchetes, de esta manera: arr[0](). Comprobemos:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

arr[0](); // mostrará '1'

También se puede recorrer nuestra matriz de funciones con un ciclo y en este ciclo llamar a cada una de las funciones:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

for (let func of arr) {
  func(); // llamamos a nuestras funciones en el ciclo
}