¿Cómo definir una función en ES6?

En este artículo, intentaremos comprender los detalles básicos asociados con la definición de funciones, como la declaración de sintaxis de una función o algunos ejemplos asociados con diferentes tipos de declaraciones de funciones en ES6 (EcmaScript-6). 

Primero comprendamos qué es exactamente la función y cómo declarar una función en ES6 usando diferentes sintaxis.

function display(name) {
  console.log(name)
}

display("Geeksforgeeks");
let display = name = console.log(name);
display("Geeksforgeeks");

Funciones:

• Las funciones son uno de los bloques fundamentales básicos en JavaScript.
• Contiene aquellas líneas de códigos que el usuario desea reutilizar o simplemente invocar solo cuando se invoca esa función.
• Una función puede no tomar ningún parámetro de entrada o puede tener un número diferente de parámetros.
• Una función debe tener una declaración de retorno o una declaración de impresión que se ejecutaría mientras se invoca esa función en el punto durante la ejecución del programa.
• Una función se puede declarar con diferentes sintaxis, pocas de ellas se ilustran en la representación pictórica anterior.

Las siguientes son algunas de las sintaxis que se pueden usar para declarar una función en ES6:

Sintaxis 1: La primera sintaxis es la sintaxis básica que es válida desde la versión inicial de ES hasta esta versión de ES6 también.

function function_name (list_of_parameters) {
    ...
}

Si desea almacenar la función en una variable, puede hacerlo fácilmente utilizando la siguiente sintaxis.

let variable = function (list_of_parameters) {
    ...
}

Sintaxis 2: Ahora, otra sintaxis para declarar una función es la sintaxis de la función Flecha que se describe a continuación y la llamada de este tipo particular de función es bastante simple como la del tipo anterior de funciones que solo escribe el nombre seguido de la ronda. llaves, incluidos los parámetros, si los hay (como esta pantalla (nombre), etc.).

let variable = (list_of_parameters) => {
    ...
}

Incluso si no queremos escribir las llaves redondas, también podemos proceder usando la siguiente sintaxis.

let variable = parameters => {
    ...
}

Ahora que hemos analizado quién escribe una función en ES6, citemos algunos ejemplos que nos ayudarían a comprender las declaraciones de funciones de una manera mejor y más efectiva.

Ejemplo 1: En este ejemplo, veremos la declaración de función normal.

<script>
    function squareOfNumber(number) {
        return number * number;
    }
  
    console.log(squareOfNumber(5));
    console.log(squareOfNumber(14));
    console.log(squareOfNumber(19));
</script>

Salida: La salida del fragmento de código anterior se muestra a continuación:

25
196
361

Ejemplo 2: En este ejemplo, usaremos parámetros Rest dentro de la función normal (lo que en realidad significa que estamos pasando una cantidad infinita de valores como parámetros de una función) y verificando aún más la longitud de los parámetros pasados.

<script>
    function checkParameterLength(...parameters) {
        return parameters.length;
    }
  
    console.log(checkParameterLength(2, 5, 8));
    console.log(checkParameterLength(10));
    console.log(checkParameterLength(50, 8, 6, 8, 10));
    console.log(checkParameterLength(52, 10));
    console.log(checkParameterLength());
</script>

Salida: la salida del fragmento de código anterior sería la siguiente:

3
1
5
2
0

Ejemplo 3: En esto, usaremos la sintaxis de la función de flecha, y al usarla, encontraremos el factorial del número dado.

<script>
    let factorial = (number) => {
        if (number <= 1) return 1;
        else return number * factorial(number - 1);
    }
  
    console.log(factorial(10));
    console.log(factorial(19));
    console.log(factorial(5));
</script>

Salida: la salida del fragmento de código anterior sería la siguiente:

3628800
121645100408832000
120