Uso de anotaciones de tipos en funciones de TypeScript

Estoy empezando a migrar a TypeScript y aprendí cómo funcionan las anotaciones de tipos en las funciones.
Quiero comenzar compartiendo algunas cosas que aprendí hoy sobre TypeScript.
TypeScript nos permite definir anotaciones de tipos tanto en los parámetros de una función como en su tipo de retorno.
Tipos en parámetros de funciones
Por defecto, el tipo de los parámetros en las funciones es any. Puedes usar dos puntos : después del nombre del parámetro para definir su tipo.
function Authentication(user:string, age:Number) {
}
Tipo de retorno en funciones
El tipo de retorno en una función permite definir tipos primitivos, tipos integrados del lenguaje o tipos personalizados.
Usa el tipo void para funciones que no retornan ningún valor.
function isValid(user:string, age:Number) : boolean {
return true;
}
function removeCookies(user:string, age:Number) : void {
}
Otras dos características muy útiles de TypeScript son los parámetros opcionales y los valores por defecto.
Parámetros opcionales
Para definir parámetros opcionales en una función, agrega un signo de interrogación ? al final del nombre del parámetro.
function authentication(user:string, age?:Number, save) : boolean {
return true;
}
authentication("dany") // Sin error de compilación.
Valores por defecto en parámetros
Si no pasas el parámetro a la función, puedes asignarle un valor por defecto (en este caso, 32).
function authentication(user:string, age:Number = 32, save) : boolean {
return age > 30
}
Para terminar
Gracias por leer este breve resumen sobre cómo usar anotaciones de tipos en funciones con TypeScript. Si te sirvió o te gustó, por favor compártelo.
Foto de Max Delsid en Unsplash
Modern frontend development — Angular, React, TypeScript, accessibility, and performance.
Artículos Relacionados
Cómo usar los tipos de TypeScript
TypeScript incluye sus propios tipos que no existen en JavaScript. Te muestro cómo usarlos durante el desarrollo para avisar al compilador sobre el tipo de dato y trabajar de forma segura.
Cómo probar errores con Jest en TypeScript
Sigo trabajando con Jest y TypeScript. Ya sabemos cómo hacer aserciones con variables y objetos en nuestro código, y el siguiente paso es manejar errores. Calculator tiene un nuevo requerimiento: si la operación no es +, - o /, debemos lanzar un error.
Compartir este artículo
Si esta guía te resultó útil, compártela con tu equipo o con otros desarrolladores.
Software real. Lecciones reales.
Comparto las lecciones que aprendí por las malas, para que puedas evitarlas o estar preparado cuando ocurran.
Únete a 13,800+ desarrolladores y lectores.
Cero spam. Cancela tu suscripción en cualquier momento.