Variables In JS | المتغيرات في الجافا سكربت

المتغيرات في الجافا سكربت لا تختلف عن غيرها من المتغيرات كثيراََ ، بكل بساطة ، تخيل معي ان هناك قيمة تتكرر معك بشكل كثير وتستخدمها في أكثر من مكان ، في هذه الحالة يمكنك استخدام المتغيرات ، دعونا نتعرف على طبيعة كتابة المتغيرات في الجافا سكربت

كتابة المتغيرات في الجافا سكربت شاهد هذا الكود

var websiteName;

سنجد في الكونسول قام بطباعة Akwae ، إذاََ ماذا فعلنا ؟

• في البداية قمنا بكتابة كلمة var وهي كلمة محجوزة من قبل اللغة والمسئولة عن إنشاء المتغيرات ، بمعنى مختصر عند كتابة هذه الكلمة تعرف اللغة انك تريد إنشاء متغير وايضاََ يمكن استخدام let وسنتعرف على الفرق .
• بعد ان عرفنا اللغة اننا نريد انشاء متغير ، سنقوم بكتابة إسم المتغير ويمكنك كتابة الاسم التي تريد ولكن يجب ان يكون الاسم ذو مدلول للشىء الذي تريد العمل عليه وايضا يتبع بعض المعايير وسنتعرف عليها ايضاََ.
• اذا اصبح لدينا هذا السطر var websiteName
var وهي كلمة محجوزة باللغة لتعرفها بانشاء متغير.
  websiteName هو اسم المتغير الذي تريد إنشاءه
  وبهذا الشكل صرّحنا أو عرفّنا متغير جديد بإسم websiteName

كما بالأعلى قمنا بالتعريف عن متغير ولكن بدون قيمة ، وممكن وضع قيمة في المتغير سواء كانت قيمة نصية أو رقمية أو اياََ من انواع البيانات الموجودة في الجافا سكربت كما سنلاحظ فيما بعد.

اسناد القيم إلى المتغيرات

بكل بساطة من أجل اعطاء قيمة للمتغير نقوم بجلب اسم المتغير واعطاءه القيمة التي تريد

websiteName = "Akwade  Site"; 
console.log(websiteName)

• websiteName هو اسم المتغير
• = وهو معامل الاسناد
• ” Akwade Site ” وهي قيمة المتغير
• والان لو قمنا بكتابة اسم المكان في اي مكان وحاولنا طباعته سيقوم بجلب القيمة الخاصة به

الدمج بين الاعلان عن انشاء متغير جديد واعطاءه القيمة الخاصة به

يمكننا اختصار ما قمنا به فيما سبق وكتابه كود في واحد فقط

var websiteName = "Akwade Site"; 

هذا السطر بشكل كامل يسمى تصريح Declaration .

كتابة اكثر من متغير

var websiteName = "Akwade Site";
var websiteUrl  = "http://www.akwade.com";
var websiteVisitorNumber = 11000;

يمكن تعريف أكثر من سطر كالكود السابق بكل سهولة وبدون اي صعوبة وممكن كتابته في نفس السطر او كل متغير وقيمته في سطر منفصل كنوع من الترتيب والتنظيم وايضاََ يوجد طريقة لكتابة المتغيرات من خلال فصل بين كل متغير وأخر بـ , كالتالي:

var websiteName = "Akwade Site",
    websiteUrl  = "http://www.akwade.com",
    websiteVisitorNumber = 11000;

كما هو واضح قمنا فقط كتابة كلمة var في السطر الاول وعند الانتهاء من المتغير وكان هناك الحاجة لتعريف متغير جديد نقوم بفصله بـ , .

اذا نستطيع القول ان المتغير هو عبارة عن حاوية يتم وضع فيها بيانات من اجل استخدامها فيما بعد وفي أكثر من مكان وأكثر من مرة واحدة ، او بشكل مختصر هو عبارة عن اسم يتم تخزين فيها قيمة مع اخد بعين الاعتبار انه يمكنك تغير قيمته في اي وقت ومن هنا جاءت اسمه ( المتغير )

var myName = "Mohmmed";
myName // Mohmmed;
myName = "Ahmed";
myName // Ahmed ==> Last Value

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

اسماء المتغيرات يجب ان تتبع معايير معينة لتجنب اي اخطاء وهي كالتالي:

• المسافات غير مسموحة في اسماء المتغيرات ويمكن استبدالها بعلامة الـ _
• لا يمكن ان تبدأ اسم المتغير برقم ولكن ممكن ان يحتوي اسم المتغير على رقم سواء في وسطه او نهايته
• لا يمكنك وضع اي علامات خاصة في اسماء المتغيرات مثل ( $ * & @ # ) فكلها خاطئة
• لا يمكن تسمية اسماء المتغيرات بالكلمات المحجوزة الخاصة باللغة .
• يمكن ان تبدأ اسم المتغير بعلامة ( $ ) أو علامة ( _ )

وايضاََ يجب ان نعلم ان الحروف الصغيرة في اسماء المتغيرات تكون مختلفة عن الحروف الكبيرة .

var website name;  // Wrong Name ==> because have spacing between letters 
var 10websiteName; // Wrong Name ==> because variable name start it number
var website@name;  // Wrong Name ==> because contain special character ( @ ) 
var var;           // Wrong Name ==> Know for yourself :D
var $websiteName;  // True
var _myName;       // True

وكما قلنا مسبقاََ انه يمكنا الاعلان عن متغير من خلال الكلمة المحجوزة في اللغة var ايضاََ يمكننا استخدام كلمة let وهي كلمة محجوزة ايضاََ هناك بعض الفروقات والتي سنتعرف عليها في الدروس المقبلة ، ولكن يفضل استخدام let لانها هي الشائعة والتي ظهرت في الاصدارات الجديدة من الجافا سكربت .