En este artículo, intentaremos comprender qué es exactamente una función anónima, cómo podemos declararla usando la sintaxis provista en JavaScript y, además, veremos algunos ejemplos (casos de uso) donde podemos usar funciones anónimas para obtener nuestros resultados en la consola. Antes de continuar con los ejemplos o casos de uso de funciones anónimas, comprendamos brevemente la función simple y la función anónima.
La función anónima funciona igual que la función normal pero difieren en términos de sintaxis.
Una función anónima función función función como valor
Consideremos la siguiente pieza de código para entender cómo declaramos una función normal y una función anónima:
Ejemplo:
Javascript
<script>
// Normal function
function Display() {
return "GeeksforGeeks!";
}
console.log(Display());
// Anonymous function
let display = function() {
return "GeeksforGeeks!!!";
}
console.log(display());
</script>
Producción:
GeeksforGeeks! GeeksforGeeks!!!
Ahora veamos los siguientes ejemplos (casos de uso) que ilustrarían más sobre una función anónima y su uso.
Ejemplo 1: En este ejemplo, almacenaremos la función anónima en una variable y luego llamaremos a esa variable usando la sintaxis de llamada de función para imprimir nuestro resultado. Si no conoce la función de flecha, consulte el artículo Funciones de flecha en JavaScript .
Javascript
<script>
let display = function() {
return "GeeksforGeeks...!";
}
console.log(display());
// Using arrow function
let displayName = () => {
return "GeeksforGeeks....!";
}
console.log(displayName());
</script>
Producción:
GeeksforGeeks...! GeeksforGeeks....!
Ejemplo 2: En este ejemplo, pasaremos un parámetro dentro de nuestra función anónima que es responsable de tomar nuestro nombre de resultado y, además, al llamar a la función, proporcionaremos el nombre como un valor de parámetro.
Javascript
<script>
let display = function(name) {
return name;
}
console.log(display("GeeksforGeeks"));
// Using arrow function
let displayName = (name) => {
return name;
}
console.log(displayName("GeeksforGeeks"));
</script >
Producción:
GeeksforGeeks GeeksforGeeks
Ejemplo 3: En este ejemplo, usamos una función anónima como una función de autoinvocación (una función especial que se invoca justo después de que se declara y tampoco tiene ningún tipo de nombre asociado) y esto se puede hacer simplemente escribir paréntesis entre la definición de la función.
Javascript
<script>
(function () {
console.log("GeeksforGeeks....!");
})();
// Using arrow functions
(() => {
console.log("GeeksforGeeks....!");
})();
</script >
Producción:
GeeksforGeeks....! GeeksforGeeks....!
Diferencia entre función anónima y función normal
S. No. |
Función normal |
Función anónima |
|---|---|---|
| 1. |
Una función simple (también llamada método) es la encargada de llevar a cabo ciertas operaciones o tareas. Cuando se llama a la función, ejecuta esa tarea particular para la que ha llamado la función. |
Una función anónima es una función que no tiene ningún nombre asociado, es decir. esto fue creado sin ningún identificador o nombre que lo refiera |
| 2. |
Podemos acceder a esta función directamente llamando a la función. |
No se puede acceder a una función anónima después de su creación inicial, solo se puede acceder a ella mediante una variable en la que está almacenada como una función como un valor. |
| 3. |
Esta función es útil para todos los escenarios. |
Una función anónima puede ser útil para crear IIFE (Expresión de función invocada inmediatamente). |
| 4. |
Las funciones normales se elevan, lo que significa que podemos declarar la función después de que se haya utilizado en javascript. |
Una función anónima no se puede izar. |
Publicación traducida automáticamente
Artículo escrito por amansingla y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA