Funciones en TypeScript.

Las funciones en TypeScript son muy similares a las funciones en JavaScript. Para crear una función en TypeScript, se utiliza la palabra clave function seguida del nombre de la función y los parámetros que recibe. A continuación, se muestra un ejemplo de una función en TypeScript:

function sumar(a: number, b: number): number {
    return a + b; // Devuelve la suma de los dos números.
}

En el ejemplo anterior, se define una función llamada sumar que recibe dos parámetros de tipo number y devuelve un valor de tipo number. La función suma los dos números y devuelve el resultado.

Parámetros opcionales y valores por defecto.

En TypeScript, se pueden definir parámetros opcionales y valores por defecto en una función. Para definir un parámetro opcional, se utiliza el signo de interrogación (?) después del nombre del parámetro. Para definir un valor por defecto, se utiliza el operador de asignación (=) seguido del valor por defecto. A continuación, se muestra un ejemplo de una función con parámetros opcionales y valores por defecto:

function saludar(nombre: string, mensaje: string = "Hola", hora?: string): string {
    if (hora) {
        return `${mensaje}, ${nombre}! Son las ${hora}.`;
    } else {
        return `${mensaje}, ${nombre}!`;
    }
}

let saludo1 = saludar("Juan"); // saludo1 = "Hola, Juan!"

En el ejemplo anterior, se define una función llamada saludar que recibe tres parámetros: nombre, mensaje y hora. El parámetro mensaje tiene un valor por defecto de “Hola” y el parámetro hora es opcional. La función devuelve un mensaje personalizado dependiendo de los parámetros que recibe.

Funciones de flecha.

En TypeScript, se pueden definir funciones de flecha utilizando la sintaxis (parámetros) => expresión. Las funciones de flecha son una forma más concisa de definir funciones y permiten omitir la palabra clave function y las llaves {}. A continuación, se muestra un ejemplo de una función de flecha en TypeScript:

let sumar = (a: number, b: number): number => a + b;

let resultado = sumar(10, 20); // resultado = 30

En el ejemplo anterior, se define una función de flecha llamada sumar que recibe dos parámetros de tipo number y devuelve un valor de tipo number. La función suma los dos números y devuelve el resultado.

Funciones como parámetros.

En el ejemplo anterior, se define una función de flecha llamada sumar que recibe dos parámetros de tipo number y devuelve un valor de tipo number. La función suma los dos números y devuelve el resultado.

Funciones como parámetros.

En TypeScript, se pueden pasar funciones como parámetros a otras funciones. Esto permite crear funciones de orden superior que toman funciones como argumentos y devuelven funciones como resultado. A continuación, se muestra un ejemplo de una función que recibe una función como parámetro:

function aplicarFuncion(funcion: (a: number, b: number) => number, a: number, b: number): number {
    return funcion(a, b);
}

let resultado = aplicarFuncion((a, b) => a + b, 10, 20); // resultado = 30

En el ejemplo anterior, se define una función llamada aplicarFuncion que recibe tres parámetros: funcion, a y b. El parámetro funcion es una función que recibe dos parámetros de tipo number y devuelve un valor de tipo number. La función aplicarFuncion llama a la función pasada como argumento con los parámetros a y b y devuelve el resultado.

Funciones genéricas.

En TypeScript, se pueden definir funciones genéricas que aceptan un tipo de dato como parámetro. Esto permite reutilizar la misma función con diferentes tipos de datos. A continuación, se muestra un ejemplo de una función genérica en TypeScript:

function imprimir<T>(valor: T): void {
    console.log(valor);
}

imprimir<number>(10); // Imprime 10
imprimir<string>("Hola"); // Imprime Hola

En el ejemplo anterior, se define una función genérica llamada imprimir que acepta un parámetro de tipo T y no devuelve ningún valor. La función imprime el valor pasado como argumento utilizando la función console.log. Se pueden llamar a la función imprimir con diferentes tipos de datos, como number y string.

Reto

Crea una función en TypeScript que reciba un arreglo de números y devuelva la suma de los números pares. La función debe tener la siguiente firma:

function sumarPares(numeros: number[]): number {
    // Implementa la función aquí.
}

let numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // Suma de los números pares: 30
let resultado = sumarPares(numeros); // resultado = 30

console.log(`Suma de los números pares: ${resultado}`);

Ver solución

function sumarPares(numeros: number[]): number {
    return numeros.filter(numero => numero % 2 === 0).reduce((a, b) => a + b, 0);
}

let numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // Suma de los números pares: 30
let resultado = sumarPares(numeros); // resultado = 30

console.log(`Suma de los números pares: ${resultado}`);

Conclusiones.

En TypeScript, se pueden definir funciones de la misma forma que en JavaScript, pero con la ventaja de poder especificar los tipos de los parámetros y el tipo de retorno. Además, TypeScript permite definir parámetros opcionales, valores por defecto, funciones de flecha, funciones como parámetros y funciones genéricas. Estas características hacen que TypeScript sea un lenguaje más seguro y robusto para el desarrollo de aplicaciones.

En este tutorial, aprendiste cómo definir funciones en TypeScript y cómo utilizar las diferentes características que ofrece el lenguaje. Ahora estás listo para crear funciones más complejas y reutilizables en tus proyectos de TypeScript. ¡Sigue practicando y mejorando tus habilidades como desarrollador de TypeScript! 🚀