Explicar sobre los parámetros y argumentos de descanso en TypeScript

En este artículo, intentaremos comprender todos los hechos o detalles básicos asociados con los parámetros y argumentos de descanso en TypeScript .

Parámetros de descanso:

• Rest Parameter nos permite aceptar cero o más argumentos del tipo especificado.
• Una función (o un método) tiene solo un parámetro de descanso.
• Este parámetro aparece por fin en la lista de parámetros especificados de la función.
• Dado que aquí está TypeScript en la imagen, entonces el tipo de parámetro de descanso es de tipo Array (además, la array podría ser tipo de datos de string o tipo de datos numéricos o cualquier cosa).

Sintaxis: a continuación se muestra la sintaxis del parámetro de descanso proporcionada en TypeScript.

function function_name (...rest_paramter_name : type[]) { }

Aquí, estos «…» (puntos triples) representan la sintaxis del parámetro de descanso seguido del nombre del parámetro de descanso seguido del tipo de ese parámetro de descanso (debe ser del tipo de datos Array).

Resto Argumentos:

• Estos son argumentos que pasamos al fusionar dos tipos de datos (supongamos la concatenación de dos arrays) usando el mismo «…» (puntos triples).
• Estos tipos de argumentos generalmente se usan para fusiones o concatenaciones o para cualquier otro propósito operativo en sí.

Sintaxis: a continuación se muestra la sintaxis del uso de los argumentos Rest en TypeScript (explicado mediante un ejemplo).

let array_1 : number[] = [1 , 2 , 3];
let array_2 : number[] = [5 , 6, 7];
array_1.push(array_2);

Los siguientes ejemplos nos ayudarán a comprender los hechos ilustrados anteriormente de una manera más clara (en caso de que no lo sepa, estos ejemplos solo podrían ejecutarse en su PC local si tiene instalado TypeScript en él, de lo contrario puede elija algunos compiladores TypeScripts en línea).

Ejemplo 1: En este ejemplo, obtendremos la suma de los argumentos de los números enteros que se pasan en una función usando la sintaxis del parámetro resto.

function getSum(...numbers: number[]): number {
    let sum = 0;
    numbers.forEach((num) => sum += num);
    return sum;
}
  
// Function call
console.log(getSum(10 , 50 , 30));
console.log(getSum(-50 , 50 , -10 , 5));

Producción:

90
-5

Ejemplo 2: En este ejemplo, concatenaremos varias strings que se pasan dentro de la función como argumentos.

let generateGreeting = (greeting: string, ...names: string[]) : string =>{
    return greeting + " " + names.join(", ") +"!";
}
  
// Function call
console.log(generateGreeting("Hello ", "GeeksforGeeks ", "ABCD ", "Apple"));

Producción:

Hello  GeeksforGeeks , ABCD , Apple!

Ejemplo 3: En este ejemplo, realizaremos la multiplicación de todos los números que se pasan en una función como argumentos.

let multiply = (a: number, ...numbers: number[]): number =>{
  return numbers.reduce((acc, curr) => acc * curr, a);
}
  
// Function call
let result1 = multiply(2, 2, 2, 2, 7); 
let result2 = multiply(2, 3, 2, 5, 8); 
  
// Printing data
console.log(result1);
console.log(result2);

Producción:

112
480

Referencia: https://www.typescriptlang.org/docs/handbook/functions.html#rest-parameters