مقدمة عن المتغيرات في JavaScript

أهلاً بك مجدداً في رحلتنا لتعلم لغة JavaScript! في الدرس السابق، تعرفنا على ماهية هذه اللغة وكيفية طباعة الرسائل البسيطة. اليوم، سننتقل إلى خطوة أساسية ومهمة جداً لأي مطور برمجيات، وهي المتغيرات (Variables).

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

كيف نعلن عن متغير في JavaScript؟

في الإصدارات الحديثة من لغة JavaScript، لدينا ثلاث كلمات مفتاحية (Keywords) للإعلان عن المتغيرات، وهي: let و const و var. في هذا الدرس للمستوى المبتدئ، سنركز بشكل أساسي على let و const لأنها الطريقة الحديثة والموصى بها عالمياً.

1. استخدام الكلمة المفتاحية let

نستخدم الكلمة المفتاحية let عندما نريد إنشاء متغير يمكننا تغيير قيمته لاحقاً في البرنامج. إليك مثالاً عملياً يوضح كيفية استخدام let وتغيير قيمتها:

let score = 10;
console.log(score); // سيطبع 10

score = 20; // قمنا بتغيير قيمة المتغير
console.log(score); // سيطبع 20

2. استخدام الكلمة المفتاحية const

نستخدم الكلمة المفتاحية const (اختصاراً لكلمة Constant أو ثابت) عندما نريد تخزين قيمة نعلم مسبقاً أننا لن نغيرها أبداً طوال فترة عمل البرنامج. محاولة تغيير قيمة متغير معرف بـ const ستؤدي إلى ظهور خطأ في الكود.

const birthYear = 1995;
console.log(birthYear); // سيطبع 1995

// birthYear = 2000; هذا السطر سيتسبب في خطأ لأننا نحاول تغيير قيمة ثابتة

قواعد تسمية المتغيرات

عندما تقوم بإنشاء متغير في لغة JavaScript، هناك بعض القواعد البسيطة التي يجب عليك اتباعها:

• أسماء المتغيرات حساسة لحالة الأحرف (Case-sensitive)، مما يعني أن المتغير age يختلف تماماً عن المتغير Age.
• يجب أن يبدأ اسم المتغير بحرف، أو علامة الدولار ($)، أو الشرطة السفلية (_). لا يمكن أن يبدأ برقم أبداً.
• لا يمكنك استخدام الكلمات المحجوزة في اللغة (مثل let أو const أو function) كأسم للمتغيرات.
• يُفضل دائماً استخدام طريقة تُسمى (CamelCase) لتسمية المتغيرات المركبة، مثل: userFirstName أو totalScore.

لتعميق فهمك أكثر حول إدارة البيانات وكيفية تخزينها، يمكنك زيارة التوثيق الرسمي لـ JavaScript على موقع MDN لقراءة المزيد من التفاصيل التقنية.