Diferentes formas de escribir funciones en JavaScript
- Declaraciones de funciones
- Expresiones de funciones
- Funciones de flecha (también llamadas funciones de grasa de grasa).
Método 1: Declaraciones de funciones
Las declaraciones de la función son la forma más estándar y ampliamente utilizada de crear funciones. Una declaración de función contiene cuatro partes diferentes en esta secuencia:
- La palabra clave función
- El identificador o el Nombre de la función
- Las funciones' parámetros encerrado entre paréntesis
- El cuerpo de la función está encerrado con soportes rizados.
Para crear una función para agregar dos valores diferentes y devolver la suma de los dos valores, tome las siguientes líneas:
función getSum (num1, num2)return num1 + num2;
Como puede ver, la declaración de función comenzó con la palabra clave función seguido por el nombre de la función "goteo". Después del nombre, se declaran parámetros y luego el cuerpo de la función. El usuario puede llamar a esta función con:
consola.log (getsum (5, 10));Esto producirá la siguiente salida en el terminal:
El resultado de 5 + 10 se imprimió en el terminal como 15.
Método 2: Expresiones de funciones
Las expresiones de funciones son bastante como declaraciones de funciones, pero la principal diferencia viene en la secuencia de sus partes. La secuencia de las partes de una expresión de función es la siguiente:
- Función identificador o nombre
- Operador de asignación "="
- Palabra clave función
- Parámetros (paréntesis dentro)
- Cuerpo de la función dentro de los soportes rizados
A diferencia de la declaración de función, las expresiones de función comienzan con el identificador de la función que luego se establece igual a (usando el operador de asignación) la función de la palabra clave y así sucesivamente. Para crear la misma función getSum (como en el método 1), use las siguientes líneas de código:
getSum = function (num1, num2)return num1 + num2;
;
Llame a una función creada a través de una expresión de función es la misma que una función creada con la declaración de función:
consola.log (getsum (30, 5));Esto producirá el siguiente resultado en el terminal:
El resultado, 35 se imprimió en la terminal
Método 3: Funciones de flecha / función de flecha de grasa
Las funciones de flecha son la forma más nueva de crear una función que se lanza en la versión ECMAV6 de JavaScript. Las funciones de flecha usan una palabra clave especial (más como un símbolo clave) creado por dos caracteres especiales, "=>", que parece una flecha, de ahí la función de flecha de nombre. Pero como usa un "=" personaje en lugar de "-" Para crear una forma similar a una flecha, se hizo popular con la función de flecha de grasa del nombre. La forma de crear una función incluye la siguiente secuencia de piezas:
- El identificador de la función
- El operador de asignación "="
- Parámetros (entre paréntesis)
- Flecha gorda "=>"
- Cuerpo de la función en los soportes rizados
Para crear la función getSum (al igual que en los métodos anteriores), use las siguientes líneas de código:
getSum = (num1, num2) =>return num1 + num2;
;
Llamar a la función creada con una flecha de grasa es exactamente lo mismo que las funciones creadas con otros métodos:
consola.log (getsum (150, 270));Esto dará el siguiente resultado en el terminal:
El valor de 150 + 270 se imprimió en la terminal como "420"
Envolver
En la versión ES6 de JavaScript, el usuario puede crear una función de tres maneras diferentes. Estos métodos de creación son declaraciones de funciones, expresiones de funciones y funciones de flecha de grasa. Las declaraciones de función y las expresiones de funciones también pueden funcionar en otras versiones de JavaScript. Sin embargo, las funciones de flecha de grasa o las funciones de flecha son específicas de las versiones ES6 de JavaScript. Este artículo ha mostrado estos tres métodos con ejemplos.