0%
Interfaces e tipos avançados

Interfaces e tipos avançados

Estruture seus dados com interfaces

10-15 min

Interfaces e tipos avançados

As interfaces e os tipos personalizados estão no coração do TypeScript. Eles permitem definir a estrutura dos seus dados e criar contratos claros no seu código.

Interfaces básicas

Definição de uma interface

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

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

Propriedades opcionais

interface Produit {
  id: number;
  nom: string;
  prix: number;
  description?: string; // Propriedade opcional
  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
};

Propriedades somente leitura

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"; // ❌ Erro : propriedade somente leitura
config.timeout = 10000; // ✅ OK

Comentários

Os comentários são alimentados pelo GitHub Discussions

Conecte-se com o GitHub para participar da discussão

Link copiado!