تعلّم JavaScript من الصفرالدرس 5 من 8
الدوال في JavaScript: اكتب الكود مرة واستخدمه مرات
تعلم الدوال في جافاسكريبت: التعريف والاستدعاء والمعاملات والقيمة المرجعة return والقيم الافتراضية والدوال السهمية Arrow Functions والنطاق Scope، مع أمثلة عملية.
محتويات الدرس
الدالة وصفة لها اسم: تكتبها مرة، وتستدعيها كلما احتجت. هي أهم أداة لتنظيم الكود.
تعريف دالة واستدعاؤها
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
المعاملات (Parameters)
معلومات تعطيها للدالة لتعمل عليها:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
القيمة المرجعة (return)
الدالة تحسب وتعيد النتيجة لتستخدمها:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
بعد return تتوقف الدالة فورًا.
الدوال السهمية (Arrow Functions)
طريقة أقصر وشائعة جدًا في الكود الحديث:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
إن كانت الدالة سطرًا واحدًا، تُعاد قيمته تلقائيًا دون return.
النطاق (Scope)
المتغير المعرّف داخل دالة لا يُرى خارجها:
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
هذا يحمي الدوال من التداخل مع بعضها.
دالة عملية: التحقق من كلمة مرور
جرّب بنفسكعدّل الكود ثم اضغط تشغيل
نصائح لدوال جيدة
- اسم فعل يصف العمل:
calculateTotalوshowMessage. - دالة تفعل شيئًا واحدًا فقط، وقصيرة.
- أعِد قيمة بدل الطباعة داخل الدالة، لتستخدم النتيجة كما تريد.
الأسئلة الشائعة
ما الفرق بين المعامل (parameter) والوسيط (argument)؟
المعامل الاسم في التعريف function f(x)، والوسيط القيمة عند الاستدعاء f(5). كثيرون يستخدمون الكلمتين بالمعنى نفسه.
هل أستخدم function أم الدالة السهمية؟
كلاهما صحيح. السهمية أقصر ومنتشرة في الأمثلة الحديثة، وfunction أوضح للمبتدئ في الدوال الكبيرة.
الخلاصة
- الدالة تُعرّف مرة وتُستدعى مرات، وتأخذ معاملات وتعيد قيمة.
- الدوال السهمية
(x) => x * 2اختصار شائع. - المتغيرات داخل الدالة محلية لا تُرى خارجها.