الوحدة 4: الدوال (Functions) في JavaScript

إليك كورس كامل عن الوحدة 4: الدوال (Functions) في JavaScript، التي تشرح كيفية تعريف واستخدام الدوال في JavaScript. سنغطي المفاهيم الأساسية بشكل مفصل مع الأمثلة وتمارين عملية.

الوحدة 4: الدوال في JavaScript

الدرس 1: تعريف الدوال في JavaScript

• المفهوم الأساسي: الدوال هي كتل من التعليمات التي يمكن إعادة استخدامها لتنفيذ مهمة معينة.

1. تعريف دالة باستخدام الكلمة المفتاحية function:

• تعريف دالة بسيط:
  javascript

  Copy code

  function greet() {
  console.log("مرحبًا بك في JavaScript!");
  }

  greet(); // استدعاء الدالة


2. دالة مع معلمات (Parameters):

• يمكن للدوال أن تأخذ معلمات لتمرير قيم إليها.
  javascript

  Copy code

  function greet(name) {
  console.log("مرحبًا " + name);
  }

  greet("أحمد"); // استدعاء الدالة وتمرير المعامل


3. دالة مع قيمة مرجعة (Return Value):

• يمكن أن تُرجع الدالة قيمة باستخدام الكلمة المفتاحية return.
  javascript

  Copy code

  function add(x, y) {
  return x + y;
  }

  let result = add(5, 3); // استدعاء الدالة وحفظ النتيجة في متغير
console.log(result); // 8


التمارين:

• تمرين 1: كتابة دالة تأخذ اسم المستخدم وتطبع تحية له.
• تمرين 2: كتابة دالة تجمع بين رقمين وتعيد النتيجة.

الدرس 2: الدوال ذات المعلمات الافتراضية

• المفهوم: يمكنك إعطاء القيم الافتراضية للمعلمات في حال لم يتم تمرير قيمة لها عند استدعاء الدالة.

التمارين:

• تمرين 1: كتابة دالة تقبل معلمة name و age وتعرض رسالة تحتوي على اسم الشخص وعمره مع قيمة افتراضية للـ age.

الدرس 3: الدوال التعبيرية (Function Expressions)

• المفهوم: يمكن إنشاء دالة بشكل غير مباشر باستخدام تعبير دالة (Function Expression). يتم تخزين الدالة في متغير.

التمارين:

• تمرين 1: كتابة دالة باستخدام التعبير في متغير، لتعرض رسالة ترحيب.

الدرس 4: الدوال السهمية (Arrow Functions)

• المفهوم: الدوال السهمية هي اختصار للدوال التقليدية، وتتمثل في استخدام القوسين => بدلاً من الكلمة المفتاحية function.

• دالة سهمية مع قيمة مرجعة:
  javascript

  Copy code

  const add = (x, y) => x + y;
let result = add(5, 3);
console.log(result); // 8

• دالة سهمية مع معلمات افتراضية:
  javascript

  Copy code

  const greet = (name = "مستخدم") => console.log("مرحبًا " + name);
greet(); // ستطبع "مرحبًا مستخدم"
greet("أحمد"); // ستطبع "مرحبًا أحمد"


التمارين:

• تمرين 1: كتابة دالة سهمية تقوم بجمع رقمين وإرجاع النتيجة.
• تمرين 2: كتابة دالة سهمية مع معلمة افتراضية.

الدرس 5: الدوال كمعاملات (Functions as Arguments)

• المفهوم: يمكنك تمرير دوال كمعاملات إلى دوال أخرى، مما يتيح لك تخصيص سلوك البرنامج.

التمارين:

• تمرين 1: كتابة دالة processData تأخذ بيانات ودالة كمعامل وتنفذ الدالة الممررة.
• تمرين 2: استخدام دالة تُمرر كمعامل لتعديل النص المرسل.

الدرس 6: الدوال المتداخلة (Nested Functions)

• المفهوم: يمكن للدوال أن تحتوي على دوال أخرى بداخلها.

التمارين:

• تمرين 1: كتابة دالة تحتوي على دالة أخرى لاحتساب القيمة المربعة لعدد معين.
• تمرين 2: كتابة دالة داخلية تقوم بإجراء عمليات على متغير من داخل الدالة الخارجية.

الدرس 7: الدوال والمصفوفات

• المفهوم: يمكن استخدام الدوال مع المصفوفات لإجراء عمليات عليها، مثل استخدام دوال مثل map, filter, و reduce.
• استخدام map:
  javascript

  Copy code

  const numbers = [1, 2, 3, 4];
const squared = numbers.map(num => num * num);
console.log(squared); // [1, 4, 9, 16]

• استخدام filter:
  javascript

  Copy code

  const numbers = [1, 2, 3, 4];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

• استخدام reduce:
  javascript

  Copy code

  const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 10


التمارين:

• تمرين 1: كتابة دالة تستخدم map لتحويل جميع الأرقام في مصفوفة إلى مربعاتها.
• تمرين 2: كتابة دالة تستخدم filter لاستخراج الأرقام الزوجية من مصفوفة.

الدرس 8: تلخيص الوحدة

• الدوال في JavaScript: هي أجزاء من الكود تُنفذ مهمة معينة ويمكن استدعاؤها عدة مرات.
• أنواع الدوال: دوال تقليدية، دوال تعبيرية، دوال سهمية، ودوال متداخلة.
• الدوال كمعاملات: يمكن تمرير دوال كمعاملات لدوال أخرى لتنفيذ سلوك مخصص.
• استخدام الدوال مع المصفوفات: يمكن استخدام map, filter, و reduce مع المصفوفات لتنفيذ عمليات معينة.

المشاريع العملية للوحدة 4:

• مشروع 1: بناء برنامج صغير يستخدم دوال للقيام بعمليات رياضية متعددة (مثل جمع وطرح و ضرب).
• مشروع 2: كتابة برنامج لتحويل درجات الطلاب إلى تقييمات (مثل A، B، C) باستخدام الدوال.
• مشروع 3: بناء تطبيق لاستخدام الدوال السهمية في معالجة بيانات المستخدمين (مثل التحقق من العمر أو الحسابات المختلفة).