Menu
CoddyTech
flag Ar iconالعربيةdown icon

تحديد أنواع Arrow Functions

جزء من قسم مقدمة إلى TypeScript في رحلة JavaScript على Coddy. الدرس 23 من 73.

بالنسبة للدوال السهمية (arrow functions)، تقوم بإضافة تعليقات النوع (type annotations) إلى المعاملات داخل الأقواس، تماماً مثل الدوال العادية. يأتي تعليق نوع الإرجاع بعد قائمة المعاملات ولكن قبل السهم (=>):

const multiply = (a: number, b: number): number => {
  return a * b;
};

const greet = (name: string): string => `Hello, ${name}!`;

الفرق الرئيسي عن تصريحات الدوال العادية هو أن تعليق نوع الإرجاع يظهر قبل السهم بدلاً من ظهوره بعد اسم الدالة. هذا يحافظ على سلامة الأنواع في TypeScript مع الحفاظ على الصيغة البرمجية النظيفة والحديثة التي تجعل الدوال السهمية شائعة.

challenge icon

التحدي

سهل

قم بتحويل إعلان الدالة العادية التالي إلى دالة سهم (arrow function) مع الحفاظ على جميع تعليقات النوع (type annotations):

function subtract(a: number, b: number): number {
  return a - b;
}

قم بإنشاء دالة سهم باسم subtract تقوم بنفس العملية مع نفس أنواع المعاملات ونوع الإرجاع.

ثم قم بإنشاء دالتين سهم إضافيتين:

  • دالة سهم باسم createMessage تأخذ معاملاً text من نوع string وتعيد سلسلة نصية بالتنسيق "Message: [text]". قم بتضمين تعليقات نوع صريحة لكل من المعامل ونوع الإرجاع.
  • دالة سهم باسم isPositive تأخذ معاملاً num من نوع number وتعيد true إذا كان الرقم أكبر من 0، وإلا تعيد false. قم بتضمين تعليقات نوع صريحة لكل من المعامل ونوع الإرجاع.

اختبر دوال السهم الخاصة بك عن طريق استدعائها بالقيم التالية وطباعة النتائج:

  • استدعِ subtract مع 10 و 3
  • استدعِ createMessage مع "Hello World"
  • استدعِ isPositive مع -5
  • استدعِ isPositive مع 8

اطبع كل نتيجة في سطر منفصل بالترتيب المحدد أعلاه.

جرّب بنفسك

// TODO: قم بتحويل الدالة العادية إلى دالة سهمية وأنشئ الدوال السهمية الإضافية

// TODO: أنشئ دالة الطرح السهمية مع توضيحات النوع (type annotations)

// TODO: أنشئ دالة createMessage السهمية مع توضيحات النوع (type annotations)

// TODO: أنشئ دالة isPositive السهمية مع توضيحات النوع (type annotations)

// TODO: اختبر الدوال السهمية الخاصة بك واطبع النتائج
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس مقدمة إلى TypeScript

تدرّب بنفسك: Playground لـ TypeScript