0Pricing
JavaScript Academy · درس

التصريحات مقابل التعبيرات وأساسيات الأسهم

تصريحات الدوال مقابل تعبيراتها، وصياغة الدوال السهمية، وأنماط الاستخدام البسيطة.

التصريحات مقابل التعبيرات وأساسيات الأسهم درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

مقدمة

الهدف: التمييز بين تصريحات الدوال وتعابيرها، وتعلّم الصياغة الأساسية للدوال السهمية، واختيار أبسط صيغة مناسبة للمهمة.

  • التصريح
  • التعبير
  • أساسيات الدوال السهمية
التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 1

تصريح الدالة

يُرفع تصريح الدالة تلقائيًا، لذلك يمكن أن تظهر الاستدعاءات قبل التعريف.

// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("Coder"));
التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 2

تعبير الدالة

يُنشأ تعبير الدالة في وقت التشغيل؛ لذا استدعوه بعد سطر الإسناد.

// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
  return a + b;
};

console.log("Sum:", add(2, 3));
التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 3

أساسيات الدوال السهمية

تتميز الدوال السهمية بالاختصار. بالنسبة إلى معامل واحد، يمكنكم حذف الأقواس؛ كما يمكن حذف return من الأجسام المؤلفة من سطر واحد.

// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
  return n * 2;
};

const square = n => n * 2; // simple one-liner for demo

console.log(double(4));
console.log(square(4));
التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 4

اختيار الصيغة

استخدموا التصريحات للأدوات المساعدة المسمّاة، واستخدموا الدوال السهمية للدوال المساعدة الصغيرة المضمّنة.

// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
  return "Title: " + name;
}

// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();

console.log(toTitle("Intro"));
console.log(shout("hello"));
التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 5

نصائح للمبتدئين

نصائح:

  • سمّوا الدوال بما يعبّر عما تفعله.
  • اجعلوا لكل دالة مهمة صغيرة واحدة.
  • فضّلوا الأجسام القصيرة والمسطحة وقيم الإرجاع الواضحة.
التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 6

اختبار الرفع التلقائي

تحقق سريع: سلوك الرفع التلقائي.

التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 7

مراجعة

مراجعة: تُرفع التصريحات تلقائيًا، وهي مناسبة للأدوات المساعدة المسمّاة؛ أما التعبيرات والدوال السهمية فتُنشأ في وقت التشغيل، وهي ممتازة للدوال المساعدة الصغيرة.

التصريحات مقابل التعبيرات وأساسيات الأسهم — رسم توضيحي 8

الأسئلة الشائعة

هل درس «التصريحات مقابل التعبيرات وأساسيات الأسهم» مجاني؟

نعم — نص درس «التصريحات مقابل التعبيرات وأساسيات الأسهم» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 3 دروس في المجموع.

ماذا ستتعلم في «التصريحات مقابل التعبيرات وأساسيات الأسهم»؟

تصريحات الدوال مقابل تعبيراتها، وصياغة الدوال السهمية، وأنماط الاستخدام البسيطة. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 3.

كم من الوقت يستغرق درس «التصريحات مقابل التعبيرات وأساسيات الأسهم»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. التصريحات مقابل التعبيرات وأساسيات الأسهم
  2. المعلمات والقيم الافتراضية وRest والقيم المرجعة
  3. أساسيات this وcall/apply/bind (مقدمة)
← العودة إلى JavaScript Academy