مقدمة إلى إنشاء الأنواع الديناميكية

يتيح لك إنشاء الأنواع الديناميكية في TypeScript تعريف أنواع تتكيف بناءً على أنواع أو بيانات أخرى، مما يجعل تعليماتك البرمجية أكثر مرونة وقابلية لإعادة الاستخدام.

يتحقق ذلك من خلال ميزات مثل الأنواع الشرطية، والأنواع المعيّنة، وأنواع الوصول المفهرس.

ما إنشاء الأنواع الديناميكية؟

يتضمن إنشاء الأنواع الديناميكية توليد أنواع جديدة من خلال تحويل الأنواع الموجودة أو معالجتها، وغالبًا باستخدام أدوات الأنواع المتقدمة في TypeScript.

استخدام الأنواع الشرطية

تستخدم الأنواع الشرطية extends لتقييم الأنواع بناءً على شرط:

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

الأنواع المعيّنة لإنشاء الأنواع الديناميكية

تكرّر الأنواع المعيّنة على مفاتيح نوع لإنشاء أنواع جديدة ديناميكيًا:

type Optional<T> = {
  [K in keyof T]?: T[K];
};

type User = {
  name: string;
  age: number;
};

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

استخدام أنواع الوصول المفهرس

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

type User = {
  name: string;
  age: number;
};

type UserName = User['name']; // string

دمج الأساليب

يمكنك دمج الأنواع الشرطية والمُعيّنة وأنواع الوصول المفهرس لإنشاء أنواع ديناميكية أكثر تقدمًا:

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

type User = {
  name: string;
  age: number;
};

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

حالات الاستخدام العملية

يفيد إنشاء الأنواع الديناميكية في:

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

مهمة تدريبية

أنشئ نوعًا ديناميكيًا يجعل جميع خصائص النوع Product اختيارية إذا كان نوعها string. اختبره باستخدام بيانات نموذجية.

تهانينا!

لقد تعلّمت كيفية إنشاء أنواع ديناميكية في TypeScript باستخدام الأنواع الشرطية والمُعيّنة وأنواع الوصول المفهرس. مارس هذه الأساليب للاستفادة من الإمكانات الكاملة لنظام الأنواع في TypeScript!