Diferentes formas de escribir funciones en JavaScript

¿Qué es una función?

Una función es un bloque de código que está diseñado para realizar una tarea y se ejecuta cuando se llama o se invoca.

Hay 3 formas de escribir una función en JavaScript:

• Declaración de función
• Expresión de función
• función de flecha

1. Declaración de funciones: la declaración de funciones es la forma tradicional de definir una función. De alguna manera es similar a la forma en que definimos una función en otros lenguajes de programación. Comenzamos a declarar usando la palabra clave «función». Luego escribimos el nombre de la función y luego los parámetros.

A continuación se muestra el ejemplo que ilustra el uso de la declaración de función.

// Function declaration
function add(a, b) {        
    console.log(a + b);
}
 
// Calling a function
add(2, 3);

Después de definir una función, la llamamos cada vez que se requiere la función.

Producción:

5

2. Expresión de función: La expresión de función es otra forma de definir una función en JavaScript. Aquí definimos una función usando una variable y almacenamos el valor devuelto en esa variable .

A continuación se muestra el ejemplo que ilustra el uso de Function Expression.

// Function Expression
const add = function(a, b) {
    console.log(a+b);
}
 
// Calling function
add(2, 3);

Aquí, toda la función es una expresión y el valor devuelto se almacena en la variable. Usamos el nombre de la variable para llamar a la función.

Producción:

5

3. Funciones de flecha: las funciones de flecha se introdujeron en la versión ES6 de JavaScript. Se utiliza para acortar el código. Aquí no usamos la palabra clave » función» y usamos el símbolo de flecha.

A continuación se muestra el ejemplo que ilustra el uso de la función de flecha .

Ejemplo:

// Single line of code
let add = (a, b) => a + b;
 
console.log(add(3, 2));

Esto acorta el código a una sola línea en comparación con otros enfoques. En una sola línea de código, la función devuelve implícitamente.

Producción:

5

Nota: Cuando es necesario incluir varias líneas de código, usamos corchetes. Además, cuando hay varias líneas de código entre paréntesis, debemos escribir return explícitamente para devolver el valor de la función.

Ejemplo:

// Multiple line of code
const great = (a, b) => {
    if (a > b)
        return "a is greater";
    else
        return "b is greater";
}
 
console.log(great(3,5));

Producción:

b is greater