اكتب الأسماء المستعارة مقابل الواجهات

في TypeScript، يمكننا تحديد بنية الكائنات المعقدة بطريقتين أساسيتين: استخدام الواجهات (interface) أو كتابة الأسماء المستعارة (type). كلاهما يعمل على وصف "شكل" الكائن أو بنية البيانات، لكن لديهما بعض الاختلافات الأساسية.

الواجهات (interface)

تحدد الواجهة عقدًا لبنية الكائن. إنها الأداة القياسية لوصف أشكال الكائنات وواجهات برمجة التطبيقات العامة بطريقة قابلة للتوسعة.

interface Book {
  title: string;
  pages: number;
  author?: string; // Optional property (can be omitted)
}

const myBook: Book = {
  title: 'The Lord of the Rings',
  pages: 1200,
};

تشير علامة الاستفهام (?) إلى الخاصية باعتبارها اختيارية. الكائن myBook صالح حتى إذا أغفل الخاصية author.

اكتب الأسماء المستعارة (type)

يسمح لك الاسم المستعار للنوع بربط اسم جديد بأي نوع موجود، بما في ذلك الأنواع البدائية، أو الاتحادات، أو المجموعات، أو بنيات الكائنات بأكملها.

type Point = {
  x: number;
  y: number;
};

const coordinates: Point = { x: 10, y: 20 };

الاختلافات الرئيسية: دمج التمديد والإعلان

على الرغم من أن interface وtype قابلان للتبديل في معظم حالات الاستخدام العادية، إلا أنهما يظهران اختلافين حاسمين:

1. القابلية للتوسعة (الميراث)

يتم توسيع الواجهات باستخدام الكلمة الأساسية extends:

interface User {
  username: string;
}

interface Admin extends User {
  privileges: string[];
}

لا يمكن توسيع الأسماء المستعارة للنوع باستخدام extends، ولكن يمكن دمجها باستخدام عامل التشغيل التقاطع (&):

type User = {
  username: string;
};

type Admin = User & {
  privileges: string[];
};

2. إعلان الدمج

يتم دمج الواجهات المتعددة التي تحمل نفس الاسم في نفس النطاق تلقائيًا بواسطة المترجم:

interface User {
  name: string;
}
interface User {
  email: string;
}
// Now User has both 'name' and 'email'!

هذا السلوك غير مدعوم من خلال الأسماء المستعارة للنوع: الإعلان عن نفس type مرتين سيؤدي إلى حدوث خطأ في وقت الترجمة.

جربه بنفسك

التمرين 1: واجهة المستخدم

التمرين 2: الاسم المستعار لنوع Point2D

التمرين 3: توسيع الواجهات

التمرين 4: تكوين الخادم