0Pricing
JavaScript Academy · درس

التسمية وقابلية القراءة والمشكلات الشائعة

إرشادات التسمية وقابلية القراءة؛ وتجنّب حجب الأسماء والأرقام السحرية والتصريحات المختلطة.

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

مقدمة

الهدف: اكتب شيفرة سهلة القراءة. استخدم أسماء واضحة، وتجنب الأرقام السحرية، وانتبه إلى حجب الأسماء.

  • أسماء وصفية
  • ثوابت للقيم الثابتة
  • لا حجب غير مقصود للأسماء
التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 1

تجربة التسمية الواضحة

سمِّ المتغيرات وفقًا لـما تخزّنه، لا وفقًا لكيفية استخدامها. الاسم القصير والواضح هو الأفضل.

// Use descriptive names
// Avoid single letters or vague words
const itemCount = 3;
const unitPrice = 5;

const totalPrice = itemCount * unitPrice;

console.log("Items:", itemCount);
console.log("Unit price:", unitPrice);
console.log("Total price:", totalPrice);
التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 2

إرشادات التسمية

نصائح التسمية:

  • أسماء للبيانات (userName وtotalPrice)
  • أفعال للدوال (computeTotal)
  • حافظ على اتساق حالة الأحرف (camelCase)
التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 3

لا أرقام سحرية

حوّل القيم الثابتة إلى ثوابت (تُستخدم UPPER_CASE عادةً). فهذا يوضح الغرض ويسهّل التحديثات.

// Replace magic numbers with named constants
const TAX_RATE = 0.08;
const SUBTOTAL = 20;

const tax = SUBTOTAL * TAX_RATE;
const finalTotal = SUBTOTAL + tax;

console.log("Tax:", tax);
console.log("Final total:", finalTotal);
التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 4

تجربة حجب الأسماء

حجب الأسماء: يستخدم متغير داخلي الاسم نفسه، فيحجب المتغير الخارجي. فضّل الأسماء الفريدة عند تداخل النطاقات.

// Shadowing: inner variable hides an outer one
let score = 10;

function addBonus() {
  // The next line creates a new "score" only inside this function
  let score = 5;
  console.log("Inner score:", score);
}

addBonus();
console.log("Outer score:", score);
التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 5

قائمة التحقق من سهولة القراءة

قائمة التحقق:

  • فكرة واحدة في كل سطر
  • دوال قصيرة
  • استخدم ثوابت للقيم الثابتة
  • تجنب إعادة استخدام الأسماء عبر النطاقات
التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 6

اختبار أفضل ممارسات التسمية

تحقّق سريع: التسمية الواضحة.

التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 7

مراجعة

مراجعة: استخدم أسماء وصفية، وحوّل القيم الثابتة إلى ثوابت، وتجنب حجب الأسماء للحفاظ على سهولة قراءة الشيفرة وصيانتها.

التسمية وقابلية القراءة والمشكلات الشائعة — رسم توضيحي 8

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

هل درس «التسمية وقابلية القراءة والمشكلات الشائعة» مجاني؟

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

ماذا ستتعلم في «التسمية وقابلية القراءة والمشكلات الشائعة»؟

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

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

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

كم من الوقت يستغرق درس «التسمية وقابلية القراءة والمشكلات الشائعة»؟

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

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

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

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

  1. let وconst وتجنّب var
  2. نطاق الكتلة والدالة والوحدة وTDZ
  3. التسمية وقابلية القراءة والمشكلات الشائعة
← العودة إلى JavaScript Academy