| نوع البيانات | وصفه البرمجي | مثال توضيحي للاستخدام |
|---|---|---|
| string | يُستخدم لتخزين النصوص والكلمات أو الجمل المكتوبة بين علامات التنصيص | let title: string = "أهلاً بك في Angular"; |
| number | يُستخدم لتخزين الأرقام (سواء كانت صحيحة أو عشرية بدون فرق) | let price: number = 99.99; |
| boolean | يُستخدم لتخزين القيم المنطقية (إما صحيحة true أو خاطئة false) | let isLoggedIn: boolean = true; |
| any | نوع خاص يلغي تدقيق الأنواع ويسمح بأي قيمة (يُفضل تجنبه قدر الإمكان) | let data: any = "نص أو رقم"; |
بعد أن تعرفنا في الدرس السابق على لغة TypeScript وأهميتها الكبرى في مشاريع Angular 22.1، حان الوقت للتعرف على حجر الأساس في أي لغة برمجة وهو أنواع البيانات الأساسية (Primitive Types). في لغة TypeScript، نقوم بتحديد نوع البيانات لكل متغيّر بوضوح لضمان عدم حدوث أخطاء غير متوقعة أثناء تشغيل التطبيق.
تمنحنا TypeScript القدرة على تأمين متغيراتنا ضد إدخال بيانات خاطئة. إليك تفصيل الأنواع الأكثر استخداماً:
مخصص لأي بيانات نصية.
في TypeScript، لا يوجد فرق بين الأرقام الصحيحة (Integers) والأرقام العشرية (Floats)، فكلاهما يندرج تحت النوع number.
مفيد جداً في التحكم في ظهور العناصر واختفائها في واجهات المستخدم (مثل إظهار رسالة خطأ أو زر تسجيل الخروج)
أداة مرنة للغاية ولكنها تفقدك ميزة حماية (Type Safety)، ولهذا يُنصح دائماً بعدم استخدامها إلا في أضيق الحدود عندما تكون طبيعة البيانات مجهولة تماماً.
لنفترض أننا نبني مكوناً في تطبيق Angular لعرض تفاصيل منتج معين، يمكننا صياغة المتغيرات كالتالي:
| 1 | let productName: string = "شاشة ذكية 4K"; |
| 2 | let productPrice: number = 4500; |
| 3 | let isInStock: boolean = true; |
| 4 | let discountRate: number = 0.15; |
هنا نستخدم الأنواع الأساسية لمدخلات الدالة لضمان حساب رياضي دقيق وآمن:
| 1 | function calculateFinalPrice(price: number, discount: number): number { |
| 2 | return price - (price * discount); |
| 3 | } |
| 4 | |
| 5 | let finalPrice: number = calculateFinalPrice(productPrice, discountRate); |
| 6 | console.log("السعر النهائي هو: " + finalPrice); // النتيجة: 3825 |