14 - Funciones anónimas
¿Qué es una función anónima?
Es una función que no tiene ningún nombre asociado.
A diferencia de una función tradicional, esta no puede volver a ser llamada en nuestro código salvo que la guardemos en una variable o constante.
Estructura inicial
En nuestra carpeta de proyecto crearemos la siguiente estructura:
/
├── js/
│ └── 14-funciones-anonimas.js
└── index.htmlY un código sencillo para nuestro HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./js/14-funciones-anonimas.js"></script>
<title>14 - Funciones anónimas</title>
</head>
<body>
<h1>Temario de JavaScript</h1>
</body>
</html>Estructura de una función anónima
Lo más normal es asignar una función anónima a una variable o usarla como callback (respuesta a un evento)
/* Asignar a variable */
let variable = function() {
// Código de la función
}
variable()
/* Función callback */
elemento.addEventListener("tipoevento", function() {
// Código de la función
})Nota: En lugar de declarar la función en el callback, podemos llamar a una ya existente
Ejemplos de funciones anónimas
let suma = function(...nums) {
console.log(nums[0] + nums[1])
}
suma(2, 6) //8
window.addEventListener("click", function() {
alert("¡Has hecho clic en la pantalla!")
})