En este artículo estudiaremos en detalle qué son exactamente las Funciones Anónimas en JavaScript y cómo declararlas utilizando la técnica normal y/o con la propia técnica de la Función de Flecha.

Función anónima

Es una función que no tiene ningún nombre asociado. Normalmente utilizamos el función palabra clave antes del nombre de la función para definir una función en JavaScript; sin embargo, en funciones anónimas en JavaScript, usamos solo la función palabra clave sin el nombre de 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 funcionar como un valor . Una función anónima también puede tener varios argumentos, pero sólo una expresión.

Sintaxis:

La sintaxis ilustrada a continuación ilustra la declaración de una función anónima utilizando la declaración normal:

formateador de cadenas

function() { // Function Body }>

También podemos declarar una función anónima utilizando la técnica de función de flecha que se muestra a continuación:

( () =>{ // Cuerpo de la función... } )();>

Los siguientes ejemplos demuestran funciones anónimas.

Ejemplo 1: En este ejemplo, definimos una función anónima que imprime un mensaje en la consola. Luego la función se almacena en el saludar variable. Podemos llamar a la función invocando saludar().

JavaScript

>

>

Producción:

Welcome to techcodeview.com!>

Ejemplo 2: En este ejemplo, pasamos argumentos a la función anónima.

JavaScript

>

>

Producción:

Welcome to techcodeview.com!>

Como JavaScript admite funciones de orden superior, también podemos pasar funciones anónimas como parámetros a otra función.

Ejemplo 3: En este ejemplo, pasamos una función anónima como función de devolución de llamada al establecerTiempo de espera() método. Esto ejecuta esta función anónima 2000 ms después.

JavaScript

>

>

Producción:

Welcome to techcodeview.com!>

Otro caso de uso de funciones anónimas es invocar la función inmediatamente después de la inicialización, esto también se conoce como Función autoejecutable . Esto se puede hacer agregando paréntesis para que podamos ejecutar inmediatamente la función anónima.

Ejemplo 4: En este ejemplo, hemos creado una función autoejecutable.

JavaScript

alfabeto de números

>

>

Producción:

Welcome to techcodeview.com!>

Funciones de flecha

ES6 introdujo una forma nueva y más corta de declarar una función anónima, que se conoce como Funciones de flecha. En una función de Flecha, todo sigue igual, excepto que aquí no necesitamos la función palabra clave también. Aquí, definimos la función con un solo paréntesis y luego '=>' seguido del cuerpo de la función.

Ejemplo 5: En este ejemplo, veremos el uso de la función de flecha.

JavaScript

>

>

Producción:

Welcome to techcodeview.com!>

Si solo tenemos una declaración en el cuerpo de la función, podemos incluso eliminar las llaves.

Ejemplo 6: En este ejemplo, creamos una función autoejecutable.

JavaScript

>

>

Producción:

Welcome to Geeksforgeeks!>

Ejemplo-7: En este ejemplo, declararemos una función anónima autoejecutable (sin el nombre en sí) y veremos cómo podemos declararla y cómo podemos llamarla para imprimir el valor resultante.

JavaScript

relleno css

>

>

Producción:

techcodeview.com>