Cómo usar los tipos de TypeScript

TypeScript incluye sus propios tipos de datos, y cada uno forma parte de TypeScript y no de JavaScript.

Durante el proceso de desarrollo, TypeScript nos proporciona estos tipos para notificar al compilador el tipo de dato que estamos usando y ayudarnos a implementarlo de forma adecuada.

Tuplas (Tuples)

Nos permiten definir una variable o un array con una colección de valores de diferentes tipos de datos.

Las tuplas son muy útiles para evitar crear una clase o un tipo auxiliar cuando solo necesitamos guardar dos valores en una variable.

let codeRole: [number, string];
 
codeRole = [1504, "ADMIN"];
 
let sickTypePriority: [number, boolean, string][];
 
sickTypePriority = [
    [2033, true, "Cancer"],
    [2039, false, "Flu"]
];
 
 

Enums

Los enums nos permiten eliminar números mágicos en el código y reemplazarlos por valores legibles para las personas, usándolos directamente como un tipo.

Un enum se declara de forma similar a un objeto utilizando la palabra clave enum.

enum VatType {
    "NoTax" = 0.0,
    "SpainTax" = 21.0,
    "Private" = 12.0
}
 

Podemos usar el enum como tipo en variables o propiedades:

let payment: {
    amount: number;
    tax: VatType;
} = {
    amount: 1400,
    tax: VatType.Private
};
 
 

Any

El tipo any ofrece total flexibilidad al asignar un tipo específico, comportándose como JavaScript tradicional, pero perdiendo todas las comprobaciones del compilador.

Las variables de tipo any pueden almacenar cualquier valor sin que el compilador reporte ningún error.

let colors: any;  
 
colors = 1;
colors = "hello"
colors = []
colors = true;
 
 

Tipos unión (Union Types)

Los tipos unión nos permiten combinar dos o más tipos en una misma variable, manteniendo las restricciones de validación del compilador.

Por ejemplo, si queremos almacenar una clave de seguridad que puede ser un número o una cadena de texto.

También podemos usar tipos unión en los parámetros de una función:

Let securityKey : string | number; 
securityKey = "DEFAULT TOKEN";
securityKey = 213235456;
 
function AddToken(token: number | string) {  
    console.log(token); 
}
 

Tipos literales (Literal Types)

Los tipos literales nos ayudan cuando conocemos de antemano los valores exactos que puede almacenar una variable, de forma similar a un tipo unión.

Podemos usarlos para restringir y forzar valores específicos:

let currencyType: 'USD' | 'EUR' | 'DO'
 
currencyType = "DO";
currencyType = "EUR";
 
 

Alias de tipos (Type Aliases)

Los alias de tipos nos ayudan a crear nuestros propios tipos utilizando la palabra clave type.

Al combinarlos con tipos unión, podemos definir estructuras completas en lugar de crear clases innecesarias:

type BankAccount = { name: string; amount: number };
 
class Bank {
    process(account: BankAccount) {
        account.name = "Saving";
        account.amount = 1500;
    }
}
 
 

Unknown

El tipo unknown nos permite almacenar cualquier dato, pero con restricciones claras al momento de usarlo.

unknown no nos permite asignar su valor a otra variable de un tipo específico a menos que estemos seguros del tipo y realicemos la comprobación correspondiente:

let token: unknown;
let key: string;

token = "asdasdas";
key = "hello world";

key = token;

error TS2322: Type 'unknown' is not assignable to type 'string.'

key = token;

Resumen

Espero que este artículo te sirva de ayuda para comenzar a usar los tipos de TypeScript. Si te gustó la publicación, compártela.

Foto por Deon Black en Unsplash