Interfaces

مفهوم ~17 دقيقة

Interfaces

interface تصف شكل كائن. عندما تكتب interface User { id: number; name: string } فأنت تقول إن أي User يجب أن يملك id وname بهذه الأنواع. هذا يجعل الدوال التي تتعامل مع المستخدمين أوضح بكثير.

يمكن للـ interface أن تحتوي خصائص اختيارية مثل email?: string، وخصائص readonly مثل readonly id: number. استخدم optional عندما تكون الخاصية قد تغيب فعلاً، لا لتجنب التفكير.

مثال عملي

index.ts

interface User {
  readonly id: number;
  name: string;
  email?: string;
}

function labelUser(user: User): string {
  return `${user.id}: ${user.name}`;
}

console.log(labelUser({ id: 1, name: "Noura" }));

Output:

readonly id يعني أن الكود لا يجب أن يغير id بعد الإنشاء. هذا يعبر عن قاعدة مجال مهمة.

interface كعقد

استخدم interface عندما تريد وصف شيء يتبادله أكثر من جزء في النظام: user، product، response، أو config.

تحدي — Challenge

interface User {
  name: string;
}

const user: User = { name: "Noura" };

// اطبع الاسم — Print the name