Aprende Parámetros y Declaración de Retorno

Continuando nuestro trabajo y exploración de funciones. En este capítulo, profundizaremos en una característica fundamental de las funciones: aceptar parámetros y devolver datos. Esto nos permite convertir cualquier función en una máquina de cálculo. Comencemos con algo básico: el siguiente código tomará 2 números como parámetros y devolverá su suma:


              123456
            
function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 10);
console.log(result);

En el ejemplo anterior, dentro de los paréntesis, especificamos 2 parámetros que la función aceptará, junto con el tipo de dato de estos parámetros.

¿Qué son los parámetros?

Son los datos que proporcionamos al llamar a la función, y podemos utilizar estos parámetros dentro del cuerpo de la función. Por ejemplo, en el ejemplo anterior, cuando llamamos a la función, proporcionamos dos números y, dentro del cuerpo de la función, estos dos números se suman.

Después de todo esto, la función devuelve el valor final.

¿Cómo devuelve un valor la función?

A través de la palabra clave return. Puedes ver que devolvemos la suma de estos dos parámetros usando return.

También especificamos el tipo de dato devuelto mediante dos puntos al declarar la función.

Demasiado texto, veamos otro ejemplo de declaración y uso de una función:


              1234567891011121314
            
function sumArray(numbers: number[]): number {
    let sum = 0;
    for (let i = 0; i < numbers.length; i++) {
        sum += numbers[i];
    }
    return sum;
}

let numbers = [1, 2, 3, 4, 5];
let total = sumArray(numbers);
console.log(`Sum of numbers in the first array: ${total}`);
let numbers_2 = [2, 4, 6, 8, 10];
let total_2 = sumArray(numbers_2);
console.log(`Sum of numbers in the second array: ${total_2}`)

La función anterior calcula la suma de todos los elementos del arreglo, comenzando desde el primero y terminando con el último. Aquí se puede observar que dentro del cuerpo de la función, hay un bucle que realiza esta operación. De esta manera, hemos reducido una cantidad significativa de líneas de código utilizando la función como un bloque de código reutilizable. Llamamos a este bloque de código varias veces con solo una línea de código.

Observe que inicializamos una variable usando la función. Esta variable será del mismo tipo que el tipo de retorno de la función.

1. ¿Cuál es el propósito de los parámetros en una función de TypeScript?

2. ¿Cuál es la función principal de los valores de retorno en las funciones de TypeScript?

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 5. Capítulo 2

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.94

Desliza para mostrar el menú


              123456
            
function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 10);
console.log(result);