اختبار الأساسيات

اختبار الأساسيات — Basics Quiz

هذا اختبار عملي للأساسيات. لا تطبع الناتج النهائي مباشرة إذا كان المطلوب تدريباً على دالة أو حلقة. الهدف أن ترى كيف تساعد الأنواع على كتابة خطوة صحيحة: array من أرقام، دالة ترجع رقم، ثم رسالة نصية مستقرة.

راجع قبل الحل: هل اخترت نوعاً مناسباً؟ هل اسم الدالة يشرح دورها؟ هل القيمة المرجعة أوضح من الطباعة داخل الدالة؟ هذه الأسئلة الصغيرة تبني عادة TypeScript الصحيحة.

مثال مراجعة

index.ts

type LessonProgress = {
  title: string;
  minutes: number;
};

const progress: LessonProgress[] = [
  { title: "variables", minutes: 15 },
  { title: "functions", minutes: 17 },
];

const total = progress.reduce((sum, item) => sum + item.minutes, 0);
console.log(`total=${total}`);

Output:

في المثال، النوع LessonProgress يجعل كل عنصر في القائمة واضح الشكل. لو نسيت minutes، يظهر الخطأ قبل التشغيل.

التحدي

أكمل الدالة لتجمع الأسعار باستخدام reduce (الأسلوب الوظيفي الذي يحافظ على شكل البيانات).

تحدي — Challenge

type CartItem = {
  name: string;
  price: number;
};

const items: CartItem[] = [
  { name: "book", price: 20 },
  { name: "course", price: 40 },
];

function totalPrice(cart: CartItem[]): number {
  /* TODO */
  return 0; // اجمع الأسعار — Sum prices
}

console.log(`total=${totalPrice(items)}`);

مراجعة المفاهيم

التحدي اختبر يدك. هذه الأسئلة تختبر القرار الذي يسبق الكتابة. أجب قبل أن تنظر إلى الشرح.

سؤال — Question

ما الذي يشتريه لك تصريح const progress: LessonProgress[] مقارنة بمصفوفة بلا نوع؟

تنفيذاً أسرع لأن المترجم يحسن الذاكرة اكتشاف العنصر الناقص أو النوع الخاطئ وقت الكتابة — قبل أن يتحول إلى NaN وقت التشغيل منع المصفوفة من النمو بعد إنشائها لا شيء — الأنواع تُحذف عند الترجمة فلا أثر لها

النوع LessonProgress[] يجعل شكل كل عنصر عقداً يفحصه المترجم: عنصر ينقصه minutes أو يحمل نصاً مكان رقم يظهر خطأً تحت مؤشرك قبل أي تشغيل. بلا النوع، الخطأ نفسه يعيش حتى يصل إلى reduce فيعطي NaN أو سلوكاً غريباً وقت التشغيل.

سؤال — Question

في cart.reduce((sum, item) => sum + item.price, 0) — ما دور الـ 0 الأخير؟

حد أقصى لعدد العناصر التي يمرّ عليها reduce قيمة تُعاد عند حدوث خطأ قيمة بداية المُجمِّع — بدونها ينهار reduce على المصفوفة الفارغة، ومعها سلة فارغة تعطي صفراً بسلام فهرس العنصر الذي يبدأ منه الجمع

الوسيط الثاني 0 هو قيمة البداية للمُجمِّع. بدونه يأخذ reduce أول عنصر بداية — فينهار على المصفوفة الفارغة برمي خطأ، ويربك الأنواع حين يكون المجمِّع نوعاً مختلفاً عن العناصر. سلة مشتريات فارغة مجموعها صفر حالة طبيعية تماماً، والقيمة الابتدائية هي ما يجعلها تعمل.

سؤال — Question

لماذا تُرجع totalPrice الرقم بدل أن تطبعه داخلها؟

لأن الإرجاع يفصل الحساب عن العرض، فتصبح الدالة قابلة للاختبار والاستخدام في أي سياق لأن console.log ممنوع داخل الدوال في strict mode لأن الطباعة داخل الدالة أبطأ لأن TypeScript لا يستطيع تحديد نوع دالة تطبع

الدالة التي تُرجع رقماً تترك قرار العرض لمن استدعاها: تستطيع طباعته، تنسيقه بعملة، إرساله في استجابة API، أو مقارنته في اختبار مثل totalPrice(items) === 60. الدالة التي تطبع داخلها خلطت الحساب بالعرض — وصار اختبارها يتطلب اعتراض الطرفية.

استرجع الآن الأدوات نفسها من ذاكرتك — لا التعرف عليها بين خيارات.

أكمل الفراغ — Fill in the blank

ما دالة المصفوفات التي تختزل قائمة كاملة إلى قيمة واحدة (كمجموع الأسعار)؟

reduce تطوي المصفوفة إلى قيمة واحدة عبر مُجمِّع — مجموع أسعار، أطول اسم، قاموس تكرارات. مع قيمة بداية صريحة تصبح آمنة على المصفوفة الفارغة أيضاً.

أكمل الفراغ — Fill in the blank

ما الكلمة المفتاحية التي تعرّف اسماً لشكل كائن قابلاً لإعادة الاستخدام؟

type LessonProgress = {...} (أو interface) يعطي شكل الكائن اسماً يُعاد استخدامه في كل تصريح — والفرق بينهما تفصيل متقدم؛ المهم أن للشكل اسماً واحداً يفحصه المترجم في كل مكان.