JavaScript => | Explicado

JavaScript => | Explicado
En JavaScript, el "=>" es el llamado "función de flecha". funcionalidad novedosa que se incluyó en ES6. En algunos idiomas, como Python, la función de flecha se llama "Funciones de Lambda". Puede escribir funciones de JavaScript con mayor precisión debido a la función de flecha. Mejora la legibilidad y la estructura del código.

Un desarrollador puede usar funciones de flecha para lograr el mismo resultado que una función regular, con menos líneas de código y aproximadamente un 50% menos de tipificación.

Este tutorial definirá el funcionamiento de la función de flecha (=>) en JavaScript.

Función JavaScript Arrow "=>"

La función anónima conocida como el "función de flecha"Carece de un nombre y no está conectado a un identificador. Estas funciones se definen sin la palabra clave de función, y la declaración de retorno es opcional para tales funciones sin argumentos. La entrada de una función se coloca a la izquierda, mientras que el lado derecho de la función representa la salida.

La función de flecha le permite definir más claramente una función para aumentar la legibilidad del código.

Sintaxis
Siga la siguiente sintaxis dada para escribir con la ayuda de la función de flecha (=>):

() => Declaración/Expresión;

O

var funcionname = (arg1, arg2, ...) => declaraciones;

Puede usar var, let o const como tipo de datos en JavaScript. Sin embargo, puede utilizar la palabra clave var para definir la función de flecha.

Ejemplo 1
Aquí, crearemos una función de flecha que imprima el mensaje "Bienvenido a Linuxhint"En la consola:

var printmsg = () => Consola.Log ('Bienvenido a Linuxhint');

Luego, llame a la función de flecha que se almacena en una variable "printmsg":

printmsg ();

Producción

Ejemplo 2
En este ejemplo, realizaremos la misma tarea con una función regular en JavaScript y la función de flecha. Para hacerlo, crearemos una función de JavaScript regular para multiplicar dos números especificados como argumentos:

var producto = function (a, b)
devolver a * b;
;

Luego, llame a la función pasando dos valores "5" y "8"Argumentos:

producto (5,8);

La salida mostrada "40"¿Cuál es el producto de los argumentos dados:

Ahora, realizaremos la misma operación con la ayuda de la función de flecha solo en una línea de código:

var producto = (a, b) => return a * b;

Luego, llame a la función de flecha que se almacena en una variable "producto"Al pasar dos argumentos:

producto (5,8);

Aquí, puede ver en la salida, obtendrá el mismo resultado en solo dos líneas de código:

Diferencia entre la función regular y la función de flecha

Hay algunas diferencias entre las funciones de flecha y las funciones regulares de JavaScript, pero ambas funciones son similares de alguna manera:

  • Las funciones regulares son construibles y llamables, mientras que las funciones de flecha solo se pueden llamar, pero no se pueden construir.
  • Se pueden llamar a las funciones regulares con la nueva palabra clave porque se pueden construir, mientras que la nueva palabra clave no se puede usar para invocar las funciones de flecha.
  • Los parámetros con nombre duplicados están permitidos para funciones regulares, pero no para funciones de flecha.

Pros y contras de las funciones de flecha

Pros Contras
Reduce las líneas de código, que mejoran la legibilidad del código. Es más difícil depurar porque no puede identificar el nombre de la función o el número de línea particular donde ocurrió un error.
Escribir la flecha => ofrece una mayor flexibilidad que escribir la palabra clave de la función. No debe utilizarse como un método o constructor regular.

Hemos cubierto toda la información básica sobre la función de flecha (=>) en JavaScript.

Conclusión

En JavaScript, el "=>" es el llamado "función de flecha"Eso permite escribir funciones en JavaScript con mayor precisión para mejorar la legibilidad del código. Da el mismo resultado que las funciones regulares de JavaScript con menos líneas de código. En este tutorial, hemos discutido el funcionamiento de la función de flecha (=>) en JavaScript con sus pros y contras y la diferencia entre la función regular y la función de flecha.