Guías Técnicas

Funciones en TypeScript

Declaración de funciones

En TypeScript, puedes declarar una función de la misma manera que en JavaScript, pero con la ventaja de poder especificar tipos para los parámetros y el valor de retorno.

Aquí tienes un ejemplo:
typescript 
function sumar(a: number, b: number): number {
  return a + b;
}

const resultado = sumar(5, 10);
console.log('El resultado de la suma es: ' + resultado);
// El resultado de la suma es: 15

Tipado de parámetros y valores de retorno

TypeScript permite definir los tipos de los parámetros y del valor que devuelve la función. Esto ayuda a prevenir errores y mejora la legibilidad del código. Aquí hay otro ejemplo:

typescript 
function concatenarNombre(nombre: string, apellido: string): string {
  return `${nombre} ${apellido}`;
}

const nombreCompleto = concatenarNombre("Urian", "Viera");
console.log(`Nombre completo: ${nombreCompleto}`);
// Nombre completo: Urian Viera

Funciones anónimas y funciones de flecha (arrow functions)

  arrow functions

Las funciones anónimas son aquellas que no tienen un nombre. Puedes asignarlas a una variable o pasarlas como argumentos. TypeScript también permite usar funciones de flecha para una sintaxis más concisa.

Aquí tienes un ejemplo:

Función anónima

typescript 
const multiplicar = function(x: number, y: number): number {
  return x * y;
};

console.log(`El resultado de la multiplicación es: ${multiplicar(4, 5)}`);
// El resultado de la multiplicación es: 20

Función de flecha

Una función de flecha es una manera más concisa de escribir funciones. Utiliza la sintaxis => (llamada "flecha"), lo que hace que sea más compacta y, en algunos casos, más conveniente.

typescript 
const dividir = (x: number, y: number): number => {
  return x / y;
};

console.log(`El resultado de la división es: ${dividir(20, 4)}`);
// El resultado de la división es: 5