مختصر كتابي: Variables Naming Convention

كيف نسمّي المتغيرات في JavaScript؟

هناك قواعد متعارف عليها لتسمية المتغيرات (Naming Convention) نتّبعها حتى يكون الكود مطابقًا لأفضل الممارسات (Best practices)، وسهل القراءة على أي مبرمج آخر.

إنفوجرافيك: قواعد تسمية المتغيرات وطريقة camelCase
ملخص الدرس في صورة واحدة. اضغط على الصورة لتكبيرها.

القواعد الأساسية

  • ابدأ اسم المتغير دائمًا بحرف صغير (small)، ولا تبدأه بحرف كبير (capital).
  • الاسم يتكون من الحروف الإنجليزية من a إلى z، ويُسمح أيضًا بالرمزين $ (Dollar sign) و_ (Underscore).
  • الرمز $ اشتهر بسبب مكتبة jQuery، والرمز _ تجده في مكتبة Lodash، حيث نكتب _. ثم اسم الدالة.
  • لا تستخدم الكلمات المحجوزة في اللغة، مثل if وfor وfunction، كأسماء للمتغيرات.
let firstName = "";
let _firstName = "";
let $firstName = "";

لو كان الاسم أكثر من كلمة

الطريقةمثالالفكرة
camelCasefirstNameأول كلمة small، وكل كلمة جديدة تبدأ بحرف capital، مثل سنام الجمل
snake_casefirst_nameشرطة سفلية _ بين الكلمات
kebab-casefirst-nameشرطة - بين الكلمات كأنها سيخ كباب، وغير مسموحة في JavaScript
  • في camelCase وsnake_case تلتقط عينك بداية كل كلمة بسرعة.
  • snake_case يستخدمها غالبًا القادمون من الـ Backend، فهي مشهورة جدًا في Python.
  • kebab-case تُظهر خطأ لو كتبتها كاسم متغير: SyntaxError: Unexpected token '-'.
  • الطريقة الأكثر استخدامًا في JavaScript هي camelCase مهما طال الاسم.

الخلاصة

  • ابدأ الاسم بحرف صغير.
  • استخدم الحروف الإنجليزية، ومعها $ و_ عند الحاجة.
  • للأسماء الطويلة استخدم camelCase، وتجنّب kebab-case لأنها خطأ في JavaScript.

مصطلحات الدرس

المصطلحبالإنجليزيةالمعنى
قواعد التسميةNaming Conventionطريقة متفق عليها لتسمية المتغيرات
حالة الجملcamelCaseكل كلمة بعد الأولى تبدأ بحرف كبير
حالة الثعبانsnake_caseالكلمات مفصولة بشرطة سفلية
حالة الكبابkebab-caseالكلمات مفصولة بشرطة، وغير مسموحة في JavaScript

هذا درس مجاني من «أساسيات JavaScript». اشترك للوصول إلى كل الدروس والاختبارات والشهادة.

اعرف تفاصيل الاشتراك ←