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 (=>):
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:
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:
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:
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.