Interfaces y tipos avanzados

Las interfaces y los tipos personalizados son el corazón de TypeScript. Permiten definir la estructura de tus datos y crear contratos claros en tu código.

Interfaces básicas

Definición de una interfaz

interface Utilisateur {
  id: number;
  nom: string;
  email: string;
  age: number;
}

// Utilisation
let utilisateur: Utilisateur = {
  id: 1,
  nom: "Alice",
  email: "alice@example.com",
  age: 30
};

Propiedades opcionales

interface Produit {
  id: number;
  nom: string;
  prix: number;
  description?: string; // Propriété optionnelle
  enStock?: boolean;
}

let produit1: Produit = {
  id: 1,
  nom: "Ordinateur",
  prix: 999
  // description et enStock sont optionnelles
};

let produit2: Produit = {
  id: 2,
  nom: "Souris",
  prix: 25,
  description: "Souris ergonomique",
  enStock: true
};

Propiedades de solo lectura

interface Configuration {
  readonly apiUrl: string;
  readonly version: string;
  timeout: number;
}

let config: Configuration = {
  apiUrl: "https://api.example.com",
  version: "1.0.0",
  timeout: 5000
};

// config.apiUrl = "nouvelle-url"; // ❌ Erreur : propriété en lecture seule
config.timeout = 10000; // ✅ OK