Diferencia entre funciones en línea y anónima en JavaScript

Diferencia entre funciones en línea y anónima en JavaScript
JavaScript, las funciones en línea y anónima se utilizan principalmente para aplicar una funcionalidad específica o un evento sobre una función particular. Además de eso, son muy útiles para reducir la complejidad del código y hacerla legible. Además, estas funciones evitan la contaminación del espacio de nombres y también son convenientes para acceder.

Este artículo discutirá las funciones en línea y anónima y sus diferencias en JavaScript.

Funciones en línea y anónima y sus diferencias en JavaScript

El "En línea" y "Anónimo"Las funciones son casi las mismas que ambas se crean en tiempo de ejecución. La diferencia es que las funciones en línea se almacenan en una variable específica que no es el caso en funciones anónimas.

Ahora, estudiemos cada uno de ellos uno por uno!

¿Cuáles son las funciones en línea en JavaScript??

Las funciones en línea son un tipo de función anónima contenida en una variable. Se crea de manera similar como la función anónima y luego se contiene en una variable específica.

Los siguientes ejemplos explicarán el concepto establecido utilizando el "setTimeout ()" método.

Ejemplo: Uso de la función en línea en JavaScript

En primer lugar, incluiremos el encabezado en el "

"Etiqueta y alinearlo al centro usando el"" etiqueta:

La función en línea se almacena en una variable

A continuación, almacene la función especificada en la variable llamada "en línea". En su definición de función, alerta el siguiente mensaje después del tiempo de salida especificado como "2" segundos:

Let inlineFunc = function ()
alerta ('esta es una función en línea')
;
SetTimeout (InlineFunc, 2000)

Se puede observar que el mensaje agregado en la función en línea se muestra en el cuadro de alerta después de dos segundos:

Ejemplo 2: Uso de la función de flecha en línea en JavaScript

Primero, agregaremos un encabezado como se discutió en el ejemplo anterior:

La función de flecha en línea se almacena en una variable

A continuación, aplique la función de flecha y guárdela de manera similar en la variable llamada "en línea". Además, aplique el "setTimeout ()Método "para mostrar el mensaje correspondiente después de la hora establecida:

dejar inlinefunc = () => alerta ('esta es la función de flecha en línea');
SetTimeout (InlineFunc, 2000)

Producción

¿Cuáles son las funciones anónimas en JavaScript??

Las funciones anónimas de JavaScript se declaran sin ningún identificador nombrado, como su nombre sugiere.

Ejemplo: Uso de la función anónima en JavaScript

Incluiremos el siguiente encabezado en el centro utilizando las etiquetas discutidas en los ejemplos anteriores:

La función anónima se define sin ningún identificador de nombre

Después de eso, aplique el "setTimeout ()Método para la función anónima (sin nombre). Además, alerta el siguiente mensaje después del tiempo establecido, que es dos segundos:

setTimeOut (function ()
alerta ('esta es una función anónima')
, 2000);

Producción

Ejemplo: Uso de la función de flecha anónima en JavaScript

Como se discutió en los métodos anteriores, agregaremos un encabezado utilizando el

Etiqueta y alinearlo en el centro:

La función de flecha anónima se define sin ningún identificador de nombre

Luego, aplique el "setTimeout ()Método "para la función de flecha anónima que tiene el tiempo de espera especificado:

setTimeOut (() => Alert ('Esta es la función de flecha anónima'), 2000);

Producción

Hemos discutido los ejemplos para implementar las funciones en línea y de flecha en JavaScript.

Conclusión

En JavaScript, las funciones en línea y anónima son diferentes de tal manera que las funciones en línea son un tipo de función anónima que se almacena en una variable específica, mientras que la función anónima es una función sin ningún nombre. Ambas funciones se pueden crear en tiempo de ejecución. Este manual guió sobre las funciones en línea y anónimas y sus diferencias en JavaScript.