Funciones de flecha en JavaScript | Explicado

Las funciones de flecha se incluyeron en JavaScript con el lanzamiento de ECMAV6 en 2015. La función de flecha es una forma de crear una función con el objetivo principal de reducir el número de letras requeridas para crear una función. Las funciones de flecha se nombran "flecha"Porque usan una palabra clave compuesta por dos caracteres especiales, el "=" y el ">" que forma una forma que parece una punta de flecha "=>".

Creación de una función con la función de flecha

La creación de una función con el método de función de flecha incluye los siguientes pasos:

• Primero, el tiempo en el nombre de la función o el identificador de la función
• Después de eso, establezca el nombre de la función igual a los parámetros requeridos por la función encerrada entre paréntesis
• Después de eso, usa el símbolo de la flecha "=>" para denotar la palabra clave función
• Después del símbolo de la flecha, simplemente incluya el cuerpo de la función encerrado dentro Brackets rizados.

Entonces una función de flecha se ve así:

Funcname = (para1, para2, para3 ...) =>
// cuerpo de la función

Declaración de funciones y expresión de funciones vs flechas de flecha

Normalmente, una declaración de función para crear una función que agrega dos números pasados ​​dentro de sus argumentos se ve así:

función getSum (num1, num2)
return num1 + num2;

Y una expresión de funciones para crear la misma función se vería así:

getSum = function (num1, num2)
return num1 + num2;
;

Hay algunas cosas comunes en ambos métodos para crear una función:

• El nombre o el identificador de la función
• El función de palabras clave
• Parámetros dentro de la paréntesis
• Cuerpo de la función dentro de los soportes rizados
• Operador de asignación en el caso de la expresión de funciones

Ahora, si se creara la misma función con las funciones de flecha, tendría la siguiente secuencia:

• El nombre o el identificador
• Operador de asignación
• Parámetros con paréntesis
• Cabeza de flecha
• Cuerpo de la función

Entonces, la misma función getSum () creada con la función de flecha se verá así:

getSum = (num1, num2) =>
return num1 + num2;
;

A primera vista es bastante visible que la función de flecha usa mucho menos letras o caracteres para crear una función, luego tanto la declaración de la función como la expresión de la función. Y la razón principal de eso es que en lugar de usar la palabra clave función, Se usa un símbolo de flecha.

Llamada de función para las funciones creadas con la función de flecha

La función ahora no cambia si la función se creó utilizando la declaración de función, expresión de la función o incluso con la función de flecha. Para una función llamada como getsum (como se creó anteriormente) con dos parámetros siempre será:

resultado = getSum (num1val, num2val);

La flecha gorda

El símbolo de la punta de flecha de la función de flecha a menudo se conoce como el "Flecha gorda" porque en lugar de usar un guión "-" para crear la punta de flecha es igual "=" lo que hace que la cabeza de la flecha se vea lejos, de ahí el nombre de Fat Arrow.

Envolver

Una función de matriz es una forma de crear funciones en JavaScript, que se lanzó en la versión ESMAV6 de JavaScript. Este método para crear una función reemplazó la palabra clave función De la creación de funciones y usó un símbolo de flecha "=>", De ahí la función de flecha de nombre. La función de flecha no cambia la forma en que se llama a una función para realizar la tarea escrita dentro de ella. Este artículo ha explicado las funciones de flecha o las funciones de flecha gruesa en detalle, junto con una breve comparación con otras formas de creación de métodos.