الأنواع البدائية والشروح

TypeScript هي مجموعة فرعية مكتوبة من JavaScript، مما يعني أنها تضيف بناء جملة نوع ثابت أعلى JavaScript الموجود. في وقت التشغيل، يتم تجميع كافة تعليمات TypeScript البرمجية إلى JavaScript خالصة وتختفي الأنواع تمامًا أثناء عملية الإنشاء.

بفضل TypeScript، يمكنك اكتشاف الأخطاء قبل تشغيل التعليمات البرمجية في المتصفح، مما يجعل عملية التطوير الخاصة بك أكثر قوة وأمانًا وقابلة للتطوير.

الأنواع البدائية

يدعم TypeScript أنواع JavaScript البدائية القياسية:

• string: يمثل تسلسلات من الأحرف (على سبيل المثال 'Alice'، "Hello").
• number: يمثل القيم الرقمية، سواء الأعداد الصحيحة أو العشرية (على سبيل المثال 42، 3.14).
• boolean: يمثل القيم الحقيقية (true أو false).
• null وundefined: يمثل الغياب المتعمد أو غير المقصود للقيمة.

const username: string = 'Alice';
const score: number = 100;
const isActive: boolean = true;

الشروح المتغيرة والاستدلال

في TypeScript، يمكننا إضافة تعليق توضيحي للنوع باستخدام النقطتين (:) متبوعًا بالنوع.

إذا حاولت تعيين قيمة من نوع مختلف (على سبيل المثال، تعيين سلسلة إلى age مُعرّفة على أنها number)، فسيقوم مترجم TypeScript على الفور بإظهار خطأ قبل تشغيل التعليمات البرمجية.

خطورة النوع any

النوع any عبارة عن فتحة هروب خاصة تخبر TypeScript بإيقاف تشغيل التحقق من النوع لهذا المتغير بشكل كامل.

let data: any = 42;
data = 'Hello'; // No error!
data.nonExistentMethod(); // No error at compile time, but it crashes at runtime!

يؤدي استخدام any إلى إبطال جميع فوائد الأمان لاستخدام TypeScript. تعتبر ممارسة سيئة ويجب تجنبها دائمًا في كود الإنتاج.

التعليقات التوضيحية للوظيفة ونوع void

يمكننا إضافة تعليقات توضيحية لكل من المعلمات والقيمة المرجعة للدالة:

function calculateTax(price: number, taxRate: number): number {
  return price * taxRate;
}

إذا لم تُرجع الدالة أي قيمة (على سبيل المثال، تقوم فقط بإرجاع console.log)، فنوع الإرجاع الخاص بها هو void:

function logMessage(message: string): void {
  console.log(message);
}

جربه بنفسك

التمرين 1: المتغيرات المكتوبة

التمرين 2: وظيفة الترحيب

التمرين 3: محول درجة الحرارة

التمرين 4: حساب الخصم