CodeAventura
TypeScript
▸Descubriendo TypeScript▸Funciones tipadas

Misión

Editor
// Crea una función calcularPromedio que reciba un array de números
// y devuelva el promedio (anota parámetros y retorno)


// Crea una función presentarse con nombre obligatorio
// y apellido opcional


// Prueba tus funciones
// console.log(calcularPromedio([8, 9, 7, 10]));
// console.log(presentarse("Ana"));
// console.log(presentarse("Ana", "García"));

Consola
04 / 25Funciones tipadas
Anterior

Funciones tipadas

Parámetros con tipo

En JavaScript, los parámetros de una función pueden recibir cualquier cosa. En TypeScript, les dices exactamente qué esperas:

Cada parámetro lleva : tipo después de su nombre. Si llamas a la función con tipos incorrectos, TypeScript te avisa antes de ejecutar.

Tipo de retorno

Puedes (y deberías) anotar qué tipo devuelve la función:

El : number después de los paréntesis indica que esta función siempre devuelve un número. Si accidentalmente devuelves un string, TypeScript te avisa:

¿Por qué anotar el retorno?

TypeScript puede inferir el tipo de retorno, pero anotarlo tiene ventajas:

  1. Documenta tu intención: queda claro qué devuelve la función
  2. Previene errores accidentales: si cambias el cuerpo y devuelves otro tipo, TypeScript avisa
  3. Mejor autocompletado: tu editor sabe qué tipo recibirás al llamar la función

Parámetros opcionales

A veces un parámetro no es obligatorio. Usa ? después del nombre:

Los parámetros opcionales siempre van al final. TypeScript sabe que apellido puede ser string o undefined.

Parámetros con valor por defecto

Otra opción es dar un valor por defecto:

Con valor por defecto no necesitas ? — TypeScript infiere que el parámetro es opcional.

Arrow functions tipadas

Las arrow functions se tipan igual:

void: funciones que no devuelven nada

Si una función no devuelve un valor, su tipo de retorno es void:

void significa "esta función hace algo pero no devuelve un valor útil".

Tu desafío 🚀

  1. Crea una función calcularPromedio que reciba un array de números (number[]) y devuelva el promedio (tipo number)
  2. Crea una función presentarse con un nombre obligatorio y un apellido opcional
  3. Llama a ambas funciones e imprime los resultados

Las funciones tipadas son el corazón de TypeScript. Cada función se convierte en un contrato claro: "dame esto y te devuelvo aquello".