Función anónima

Haciendo un repaso del material anterior, debemos recordar que la definición de una función también llamada declaración de función o sentencia de función) consiste de la palabra clave (reservada) function, seguida por:

• El nombre de la función (opcional).

• Una lista de argumentos para la función, encerrados entre paréntesis y separados por comas (,).

• Las sentencias JavaScript que definen la función, encerradas por llaves, { }.

Por ejemplo, el siguiente código define una función simple llamada square:

JavaScript

function square(number){
    return number * number
}

La función square toma un argumento, llamado number. La función consiste de una sentencia que expresa el retorno del argumento de la función (el cual es, number) multiplicado por sí mismo. La sentencia return especifica el valor retornado por la función.

En el siguiente Link podrás encontrar información a fondo sobre la creación de funciones en JavaScript.

Funciones Anónimas

Cuando una función se define sin un nombre, se le llama como una función anónima. La función se almacena en la memoria. Un uso muy común de las funciones anónimas es asignarlas a una variable:

JavaScript

var hola = function(){ 
    console.log("Hola Mundo Anonima") 
};

hola();

También es posible crear funciones anónimas conocidas como función flecha, que constan de una sintaxis más compacta, en el siguiente link podrás encontrar mayor información sobre este tipo de funciones.

A continuación abre el archivo funciones.html en Google Chrome y realiza clic derecho para activar el modo inspector, desplegamos la pestaña de console para visualizar los resultados de las funciones.

988B

funciones.html

Abriremos el archivo de igual manera en nuestro editor de texto y copiamos la línea 20, agregaremos un nuevo valor con el cual volveremos a llamar la función square();

Ejemplo:

square(10) guardaremos el cambio y volveremos a recargar la pestaña de Google Chrome.

JavaScript

//Declaración de la función que regresa un saludo
function saludo(nombre){
    return console.log("Hola : " + nombre);
}

Regresamos al editor de texto y copiamos la línea 29, agregaremos un nuevo valor a la variable nombre, guardamos los cambios y volveremos a recargar la pestaña de Chrome.

JavaScript

//Llamado de una función saludo
nombre = "Hola: Otro Nombre";

saludo(nombre);

Una vez más regresaremos al editor de texto y copiamos la línea 34, agregaremos un nuevo valor a la variable e invocamos la nueva función anónima, guardamos los cambios y volveremos a recargar la pestaña de Chrome

JavaScript

var hola = function(){
console.log("Hola Mundo Anonima")
};
hola();
var anonima = function(){
console.log("Nuevo mensaje anonimo")
};
anonima();