Generics في JavaScript: لماذا تحتاجها وكيف تستخدمها للمبتدئين

مقدمة: لماذا تحتاج إلى Generics في JavaScript؟

كل مطور JavaScript يواجه عاجلاً أم آجلاً موقفًا حيث يجب أن تعمل دالة أو كلاس مع أنواع بيانات مختلفة. بدون أدوات خاصة، يضطر المطور إما إلى تكرار الكود أو استخدام any، مما يفقدنا التحكم في الأنواع. Generics (الجينيريكس أو الأنواع العامة) تحل هذه المشكلة.

في سياق JavaScript، تعتبر الجينيريكس ذات أهمية خاصة عند العمل مع TypeScript أو عند استخدام أنماط حديثة في Node.js. حتى لو كنت تكتب بلغة JavaScript الخالصة، فإن فهم مفهوم Generics سيساعدك على كتابة كود أكثر مرونة وأمانًا.

في هذه المقالة سنتناول:

• ما هي Generics ولماذا تحتاجها
• كيفية استخدام الجينيريكس في الدوال والكلاسات
• أمثلة عملية لـ Node.js
• الأخطاء الشائعة للمبتدئين

ما هي Generics (الجينيريكس) في JavaScript؟

Generics هي طريقة لإنشاء مكونات (دوال، كلاسات، واجهات) يمكنها العمل مع أنواع بيانات مختلفة مع الحفاظ على أمان الأنواع. بدلاً من كتابة دالة منفصلة للأرقام، وأخرى للنصوص، وثالثة للكائنات، تكتب دالة واحدة شاملة.

تخيل أنك تصنع صندوقًا. الصندوق العادي يمكنه تخزين نوع واحد فقط من الأشياء. الجينيريكس هي "صندوق ذكي" يتكيف مع ما تضعه فيه، لكنه يتذكر بالضبط ما بداخله.

في TypeScript (الطبقة الفوقية لـ JavaScript)، تُرمز الجينيريكس بأقواس زاوية <> والحرف T (من Type) أو معرفات أخرى:

// أبسط مثال على الجينيريكس في TypeScriptfunction identity<T>(arg: T): T {    return arg;}

// الآن الدالة تعمل مع أي نوعconst num = identity<number>(42);    // النوع numberconst str = identity<string>("Hello"); // النوع string

في JavaScript الخالصة، هذا التركيب غير متاح، لكن المفهوم يظل مفيدًا لفهم بنية التطبيقات.

لماذا تحتاج Generics في JavaScript و Node.js؟

لننظر إلى ثلاثة أسباب رئيسية تجعلك تتعلم الجينيريكس.

1. أمان الأنواع دون فقدان المرونة

بدون الجينيريكس، غالبًا ما تستخدم any، مما يعطل التحقق من الأنواع:

// سيء: نفقد معلومات النوعfunction getFirstElement(arr: any[]): any {    return arr[0];}

const val = getFirstElement([1, 2, 3]);// val من النوع any، لا نعرف هل هو رقم أم نص

مع الجينيريكس، يتم الحفاظ على النوع:

// جيد: يتم الحفاظ على النوعfunction getFirstElement<T>(arr: T[]): T {    return arr[0];}

const val = getFirstElement([1, 2, 3]); // val: numberconst str = getFirstElement(["a", "b"]); // str: string

2. تقليل تكرار الكود

بدون الجينيريكس، ستضطر لكتابة دوال منفصلة لكل نوع:

// بدون جينيريكس — تكرارfunction processNumber(num: number): number { /* ... */ }function processString(str: string): string { /* ... */ }function processObject(obj: object): object { /* ... */ }

// مع الجينيريكس — دالة واحدةfunction process<T>(data: T): T { /* ... */ }

3. إنشاء مكونات قابلة لإعادة الاستخدام

في Node.js، تُستخدم الجينيريكس غالبًا لإنشاء أدوات مساعدة شاملة، ومعالجات بيانات، وعملاء API:

// عميل HTTP شامل مع جينيريكسasync function fetchData<T>(url: string): Promise<T> {    const response = await fetch(url);    return response.json() as Promise<T>;}

// الاستخدامinterface User {    id: number;    name: string;}

const user = await fetchData<User>('/api/user/1');// user تلقائيًا من النوع User

كيفية استخدام Generics: عمليًا