مدرسة البرمجة العربية

🔧 ما هي الدوال (Functions) في JavaScript؟ - الجزء الأول

👋 مرحبًا أيها المبرمج الصغير!

رجعنا اليوم بدرس جديد ومهم جدًا في عالم البرمجة بلغة JavaScript. إذا كنت تابعت الدروس السابقة، فأنت الآن تعرف شو يعني متغير، وأكيد جربت تستخدم الجمل الشرطية مثل if و else. واليوم رح نبدأ بموضوع جديد وممتع: الدوال! 🚀

📦 شو يعني دالة (Function)؟

تخيل إنك كل يوم الصبح بتغسل وجهك، بتفرشي أسنانك، وبتلبس ملابسك بنفس الترتيب. تخيل لو كان في روبوت يساعدك، وكل مرة تقول له "جهزني"، يقوم يعمل كل هاي الخطوات لحاله! 🤖

في البرمجة، بنستخدم الدوال لنخزن مجموعة أوامر تحت اسم واحد. لما نستدعي اسم الدالة، بتنّفذ كل الأوامر اللي داخلها. يعني الدالة مثل "روبوت صغير" بيعمل شغلة معينة كل ما تطلبها منه.

🛠️ كيف بننشئ دالة؟

هذا هو الشكل الأساسي لكتابة دالة في JavaScript:


function sayHello() {
  console.log("أهلًا! 👋");
}

خلينا نوضح:

function: هي الكلمة المفتاحية اللي بتعرف إنه بننشئ دالة جديدة.
sayHello: هو اسم الدالة (بنختاره حسب وظيفة الدالة).
{ ... }: بداخل الأقواس بنكتب الأوامر اللي بدنا الدالة تنفذها.

لحتى نشغّل الدالة، بنكتب:


sayHello();

🔹 والنتيجة في الـ Console رح تكون:

أهلًا! 👋

🎯 ليش نستخدم الدوال؟

الدوال مهمة جدًا في البرمجة، وبتسهل علينا حياتنا:

بنقدر نعيد استخدام نفس الكود بدون نكتبه من جديد.
بتخلينا نكتب برامج مرتبة ومنظمة.
بتوفر وقت ومجهود لما يتكرر نفس الكود.

مثلًا: إذا بدك تطبع جملة "مرحبًا بك في موقعي!" عشر مرات، بدل ما تكتبها عشر مرات، بتخزنها داخل دالة وبتناديها كل مرة! ✨

🧪 جرب بنفسك!

افتح متصفحك، واضغط يمين → "فحص" → ثم افتح Console وجرّب:


function greetUser() {
  console.log("مرحبًا أيها البطل المبرمج! 🧠");
}

greetUser();
greetUser();

🔸 شو رح يصير؟

رح تظهر نفس الجملة مرتين في الـ Console! لأنك ناديت الدالة مرتين. 🎉

🧠 أسماء الدوال الجيدة

مهم جدًا إنك تختار اسم واضح للدالة. الاسم لازم يوضح شو بتعمل الدالة.

أمثلة على أسماء جيدة:

showScore ➜ لو بتعرض نتيجة
startGame ➜ لبدء اللعبة
playSound ➜ لتشغيل صوت

ابتعد عن أسماء مثل doStuff أو thing لأنها ما بتشرح وظيفة الدالة!

📝 تمرين بسيط:

اكتب دالة اسمها sayMyName تطبع اسمك. مثل:


function sayMyName() {
  console.log("اسمي سارة!");
}

sayMyName();

✅ جرّب تعدل الاسم، وخلي كل شخص في عائلتك يكتب اسمه داخل الدالة!

🧩 معلومة إضافية: دوال داخل دوال!

تقدر دالة تنادي دالة ثانية! مثال:


function greet() {
  console.log("صباح الخير!");
}

function startDay() {
  greet();
  console.log("يلا نبدأ نهارنا!");
}

startDay();

🔹 الناتج:

صباح الخير!
يلا نبدأ نهارنا!

✨ هيك بتقدر ترتب كودك وتخليه سهل للقراءة!

📚 مصطلحات اليوم:

Function (دالة): مجموعة أوامر بتتنفذ مع بعض تحت اسم واحد.
function: الكلمة المفتاحية لإنشاء دالة.
(): تستخدم عند تشغيل الدالة.
console.log: أمر لطباعة معلومات في المتصفح.

💬 سؤال اليوم:

لو بدك تكتب دالة تشغل موسيقى في لعبتك، شو رح تسميها؟ 🎵

مثال:


function playMusic() {
  console.log("🎶 تشغيل الموسيقى");
}

شاركنا فكرتك في التعليقات! 👇👇