الوظائف المكتوبة

الوظائف هي اللبنات الأساسية لأي تطبيق JavaScript. في TypeScript، يمكننا إضافة تعليقات توضيحية بدقة إلى كل من وسيطات الإدخال وقيم الإرجاع، مما يجعل واجهاتنا واستدعاءات الوظائف آمنة للغاية وموثقة ذاتيًا.

المعلمات الاختيارية والافتراضية

في JavaScript، تكون كل معلمة اختيارية ويتم تعيينها افتراضيًا على undefined إذا تم حذفها. في TypeScript، تكون كل معلمة معلنة إلزامية افتراضيًا.

ومع ذلك، يمكننا تحديد المعلمات الاختيارية باستخدام علامة الاستفهام (?)، أو تحديد القيم الافتراضية مباشرة في توقيع الوظيفة.

1. المعلمات الاختيارية

يجب وضع المعلمات الاختيارية بعد جميع المعلمات الإلزامية:

function greetUser(name: string, title?: string): string {
  if (title) {
    return `Good morning ${title} ${name}`;
  }
  return `Hello ${name}`;
}

2. المعلمات الافتراضية

إذا لم يتم توفير أي قيمة لمعلمة ذات قيمة افتراضية، فإن TypeScript يستنتج نوعها ويعين القيمة الافتراضية المحددة:

function greetUserWithDefault(name: string, prefix: string = 'Hello'): string {
  return `${prefix} ${name}`;
}

معلمات الراحة (...args)

عندما نريد قبول عدد متغير من الوسائط، يمكننا استخدام عامل الراحة. في TypeScript، يجب كتابة هذه المعلمات كمصفوفة:

function sumAll(message: string, ...numbers: number[]): string {
  const total = numbers.reduce((sum, n) => sum + n, 0);
  return `${message} ${total}`;
}

أنواع الوظائف (توقيعات الاتصال)

يمكننا تحديد نوع الدالة بشكل مستقل ثم إعادة استخدامها في تعريفات المتغيرات أو وسيطات رد الاتصال:

// Define function type using type alias
type MathOperation = (a: number, b: number) => number;

const add: MathOperation = (x, y) => x + y;
const multiply: MathOperation = (x, y) => x * y;

يعد هذا الأسلوب ضروريًا عند تمرير الوظائف كوسيطات إلى وظائف أخرى (رد الاتصال).

جربه بنفسك

التمرين 1: المعلمات الاختيارية

التمرين 2: المعلمات الافتراضية

التمرين 3: التوقيع الوظيفي

التمرين 4: وظيفة رد الاتصال