إتقان TypeScript: الجزء 01
يقوم TypeScript بفحص الكود الخاص بك قبل تشغيله، حيث يكتشف الأخطاء أثناء الكتابة، مما يمنع وصول الأخطاء البرمجية (bugs) إلى مستخدميك.
الأنواع الأساسية (Basic Types) يستخدم TypeScript الأنواع (types) لتحديد شكل البيانات.
• String: let message: string = "Hello";
• Number: let age: number = 30;
• Boolean: let isActive: boolean = true;
المصفوفات والـ Tuples
• Arrays: let names: string[] = ["Alice", "Bob"];
• Tuples: let user: [number, string] = [1, "Alice"]; (الترتيب مهم هنا).
• Enums: enum Role { Admin, User } (استخدم خيارات مسماة بدلاً من الأرقام العشوائية).
الكائنات (Objects) والدوال (Functions)
تقوم الكائنات بتجميع البيانات المرتبطة ببعضها.
• let car: { brand: string; year: number } = { brand: "Tesla", year: 2023 };
• الحقول الاختيارية (Optional fields): استخدم ? لتمييز الحقل على أنه غير مطلوب.
تحتاج الدوال إلى أنواع للمدخلات والمخرجات.
• function add(a: number, b: number): number { return a + b; }
• الدوال السهمية (Arrow functions): const multiply = (a: number, b: number): number => a * b;
أدوات الأنواع المتقدمة (Advanced Type Tools)
أسماء الأنواع المستعارة (Type Aliases)
قم بإنشاء اسم لشكل معين وأعد استخدامه.
• type User = { id: number; name: string };
الـ Unions والـ Intersections
• Unions (أو - OR): type ID = string | number;
• Intersections (و - AND): type Employee = Person & { salary: number };
الـ Generics
تستخدم الـ Generics مكاناً محجوزاً (placeholder) للتعامل مع أنواع متعددة.
• function wrap<T>(value: T): T { return value; }
كيف تتعلم:
- اكتب كل مثال بنفسك.
- تعمد كسر الكود (إحداث أخطاء).
- اقرأ الأخطاء.
- قم بإصلاحها.
سيغطي الجزء 02 أدوات الأنواع المتقدمة.
المصدر: https://dev.to/mdhemalakhand1999/master-typescript-part-01-452g