الأسماء المستعارة للأنواع والواجهات

مرحبًا بكم في الدرس التالي! ستتعلّمون في هذا الدرس عن الأسماء المستعارة للأنواع والواجهات في TypeScript، بما في ذلك أوجه الاختلاف والتشابه بينهما، ومتى تستخدمون كلًا منهما. لنبدأ!

ما الأسماء المستعارة للأنواع؟

يتيح الاسم المستعار للنوع تعريف اسم مخصص لنوع. ويمكن أن يمثّل أنواعًا بدائية أو كائنات أو حتى تواقيع دوال.

مثال:

المطلوب: أنشئ اسمًا مستعارًا لنوع كائن يمثّل كتابًا، واستخدمه لتعريف متغيّر.

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

let point: Point = { x: 10, y: 20 };
console.log(point); 
// Output: { x: 10, y: 20 }

ما الواجهات؟

تعرّف الواجهة بنية كائن، بما في ذلك خصائصه وأساليبه. وغالبًا ما تُستخدم لفرض الاتساق وأمان الأنواع للكائنات.

مثال:

المطلوب: أنشئ واجهة لملف تعريف مستخدم، واستخدمها لتعريف متغيّر.

interface Point {
  x: number;
  y: number;
}

let point: Point = { x: 5, y: 15 };
console.log(point); 
// Output: { x: 5, y: 15 }

الأسماء المستعارة للأنواع أم الواجهات: أوجه التشابه

تشترك الأسماء المستعارة للأنواع والواجهات في بعض الميزات:

• يمكن لكليهما وصف شكل كائن.
• يمكن استخدام كليهما لتعريف أنواع الدوال.
• يدعم كِلاهما توسيع أنواع أخرى.

مثال: نوع دالة:

المطلوب: عرّف اسمًا مستعارًا لنوع وواجهة لدالة، ثم استخدمهما.

type Add = (a: number, b: number) => number;
interface Subtract {
  (a: number, b: number): number;
}

let add: Add = (x, y) => x + y;
let subtract: Subtract = (x, y) => x - y;

console.log(add(5, 3)); 
// Output: 8
console.log(subtract(5, 3)); 
// Output: 2

الأسماء المستعارة للأنواع أم الواجهات: أوجه الاختلاف

فيما يلي أوجه الاختلاف الرئيسية:

• الواجهات: يمكن دمجها (دمج التصريحات).
• الأسماء المستعارة للأنواع: لا يمكن دمجها.
• الأسماء المستعارة للأنواع: يمكنها تعريف أنواع الاتحاد والتقاطع.
• الواجهات: مصمّمة أساسًا لوصف أشكال الكائنات.

مثال: أنواع الاتحاد باستخدام الأسماء المستعارة للأنواع:

المطلوب: استخدم اسمًا مستعارًا لنوع لتعريف نوع اتحاد، وعيّن قيمًا مختلفة لمتغيّر.

type StringOrNumber = string | number;

let value: StringOrNumber = "Hello";
value = 42;
// value = true; 
// Error: Type 'true' is not assignable to type 'StringOrNumber'.

توسيع الأنواع والواجهات

يمكن لكل من الأسماء المستعارة للأنواع والواجهات توسيع أنواع أخرى:

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

مثال:

المطلوب: وسّع اسمًا مستعارًا لنوع وواجهة لإنشاء أنواع جديدة.

interface Animal {
  name: string;
}

interface Dog extends Animal {
  breed: string;
}

type Bird = Animal & { canFly: boolean };

let myDog: Dog = { name: "Buddy", breed: "Golden Retriever" };
let myBird: Bird = { name: "Parrot", canFly: true };

console.log(myDog, myBird);

دمج التصريحات

تدعم الواجهات دمج التصريحات، حيث تُدمج عدة تصريحات لواجهات تحمل الاسم نفسه في واجهة واحدة. ولا تدعم الأسماء المستعارة للأنواع هذه الميزة.

مثال:

المطلوب: أنشئ تصريحي واجهة بالاسم نفسه، واختبر دمج التصريحات.

interface Person {
  name: string;
}

interface Person {
  age: number;
}

let person: Person = { name: "Alice", age: 30 };
console.log(person); 
// Output: { name: "Alice", age: 30 }

متى تستخدم كلًا منهما؟

فيما يلي بعض الإرشادات:

• استخدم الواجهات لتعريف أشكال الكائنات، وعندما تحتاج إلى دمج التصريحات.
• استخدم الأسماء المستعارة للأنواع لأنواع الاتحاد أو التقاطع، أو عند تعريف أنواع الدوال.

نصيحة: استخدم الخيار الأنسب لحالة الاستخدام لضمان الوضوح والاتساق!

أحسنتم!

تهانينا! لقد تعلّمتم أوجه التشابه والاختلاف بين الأسماء المستعارة للأنواع والواجهات في TypeScript، ومتى تستخدمون كلًا منهما. في الدرس التالي، سنستكشف ميزات TypeScript المتقدمة، مثل الأنواع الشرطية. واصلوا البرمجة!