Type Aliases

Crea nombres propios para tipos complejos.

Type Aliases

Un type alias es un nombre para un tipo. Facilita reutilizar tipos complejos.

typescript

type Nombre = string;
type Edad = number;

let miNombre: Nombre = "Ana";
let miEdad: Edad = 25;

Para objetos

typescript

type Persona = {
  nombre: string;
  edad: number;
  email?: string;
};

let ana: Persona = {
  nombre: "Ana",
  edad: 25,
};

Para arrays

typescript

type ListaNumeros = number[];
type ListaNombres = string[];

let nums: ListaNumeros = [1, 2, 3];
let nombres: ListaNombres = ["Ana", "Juan"];

Para union types

typescript

type Dirección = "norte" | "sur" | "este" | "oeste";
type Estado = "activo" | "inactivo" | "pendiente";

let dir: Dirección = "norte";
let estado: Estado = "activo";

Para funciones

typescript

type Callback = (dato: string) => void;
type Comparador<T> = (a: T, b: T) => number;

const miCallback: Callback = (dato) => console.log(dato);
const miComparador: Comparador<number> = (a, b) => a - b;

Type vs Interface

Característica	type	interface
Extensión	`&` (intersection)	`extends`
Declaración múltiple	No	Si (se mergean)
Primitivos	Si	No
Tuplas	Si	No

typescript

// Type: union
type Animal = "perro" | "gato";

// Type: intersection
type Entidad = Persona & { id: number };

// Interface: extensión
interface Perro extends Animal {
  raza: string;
}

Ejercicio pratico

Crea un type 'Producto' y una función que calcule el total de una lista de productos.

exercise.ts

Resultado

Haz clic en "Ejecutar" para ver el resultado...

Union Types

Type Inference