اختبار الوحدة: الأنواع أداةً للتصميم

خمسة أسئلة عن هذه الوحدة. أجب عنها كلها، ثم شاهد نتيجتك وسبب صحة كل إجابة أو خطئها.

يخشى مراجع أن يصل رقم البطاقة إلى saveAddress. ما الصحيح؟

TypeScript

type Address = { line1: string; city: string };
function saveAddress(a: Address) { /* sends a to the address service */ }
const form = { line1: '12 Nile St', city: 'Cairo', cardNumber: '4242 4242 4242 4242' };
saveAddress(form);

يفشل في الترجمة، لأن cardNumber خاصية زائدة.
يُزيل TypeScript الحقل cardNumber قبل الاستدعاء، لأن Address لا يعلنه.
لا يمرّ في الترجمة إلا إذا كتبت form as Address.
يمرّ في الترجمة، ويُمرَّر الكائن كله وقت التشغيل بما فيه رقم البطاقة؛ انسخ الحقول التي تحتاجها صراحة.

قيمة quantityInStock هي null أثناء فحص المخزون، و0 حين ينفد المنتج. أيّ تغيير يجعل هذه التسمية صحيحة؟

TypeScript

function stockLabel(quantityInStock: number | null): string {
  if (!quantityInStock) return 'Checking stock…';
  return quantityInStock === 0 ? 'Sold out' : `${quantityInStock} left`;
}

استبدل !quantityInStock بـ quantityInStock === null.
أضف if (typeof quantityInStock === 'number') بعد السطر الأول.
اكتب quantityInStock! في المقارنة.
احذف نوع الإرجاع : string كي يستنتجه TypeScript.

يضيف Cartwheel المدفوعات. الدفعة المعلّقة ليس لها معرّف تحصيل؛ والمحصَّلة لها دائمًا captureId؛ والمستردّة لها دائمًا captureId وrefundedAt وrefundCents. أيّ نوع يجعل التركيبات المستحيلة تفشل في الترجمة؟

{ status: 'pending' | 'captured' | 'refunded'; captureId?: string; refundedAt?: string; refundCents?: number }
{ status: string; details: Record<string, unknown> }
union من ثلاثة أنواع كائنات، لكلٍّ منها status حرفي والحقول التي تملكها تلك الحالة بالضبط، وكلها إلزامية.
Partial<{ status: string; captureId: string; refundedAt: string; refundCents: number }>

ما هو ShippingMethod؟

TypeScript

const SHIPPING_FEES = { standard: 499, express: 1299 } satisfies Record<string, number>;
type ShippingMethod = keyof typeof SHIPPING_FEES;

string، لأن الكائن فُحص مقابل Record<string, number>
'standard' | 'express'
number، نوع القيم
'standard' | 'express' | string

في switch (order.status) حالة case 'canceled': بحرف L واحد، ولا تتطابق أبدًا. أيّ تغيير يحوّل هذا الخطأ الإملائي إلى خطأ ترجمة؟

أضف فرع default: يسجّل الحالات المجهولة.
علّق order بنوع any كي يفحص TypeScript كل حالة.
أعِد كتابة الـ switch كسلسلة if/else.
حدّد نوع status كـ union من الحالات الحرفية الخمس بدل string.

5 أسئلة بلا إجابة