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

En este artículo, comprenderá las diferencias entre las funciones en línea y anónimas en JavaScript y cómo usarlas en el código.

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

Una función en línea de JavaScript es una función anónima dentro de una variable. Siempre se llama con la URL de la función anónima.

Se crean en tiempo de ejecución y no son significativos.

Las funciones anónimas y en línea son casi idénticas en el sentido de que ambas se producen en tiempo de ejecución. Por otro lado, una función en línea se asigna a una variable y, por lo tanto, puede reutilizarse.

En este sentido, las funciones en línea se comportan de manera similar a las funciones normales.

Ejemplo de función en línea:

var samelineFunc = function() {
  alert('inline function');
};
$('#inline_func_c').click(samelineFunc);

Ejemplo de función anónima:

$('#anon_func_b').click(function() {
  alert('anonymous function');
});

Demostración aquí

Salida 1:

Cuando ejecute el código anterior, verá algo como esto:

Aquí puede ver dos botones: Button_1 funciona como una función anónima y Button_2 funciona como una función en línea. Puede ver en el código anterior que podemos llamar directamente a la función anónima.

Salida 2:

Por otro lado, puede ver una variable creada para la función en línea para que pueda usarse en cualquier lugar y en cualquier momento.