الواجهات والأنواع المتقدمة

تُعد الواجهات (interfaces) والأنواع المخصصة في صميم TypeScript. فهي تتيح لك تحديد بنية بياناتك وإنشاء عقود واضحة داخل شيفرتك.

الواجهات الأساسية

تعريف واجهة

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

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

الخصائص الاختيارية

interface Produit {
  id: number;
  nom: string;
  prix: number;
  description?: string; // خاصية اختيارية
  enStock?: boolean;
}

let produit1: Produit = {
  id: 1,
  nom: "Ordinateur",
  prix: 999
  // description و enStock اختياريتان
};

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

الخصائص للقراءة فقط

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"; // ❌ خطأ : خاصية للقراءة فقط
config.timeout = 10000; // ✅ OK