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

رمز المثال

لنبدأ بالنظر إلى جزء بسيط من التعليمات البرمجية:

`جافا سكريبت
معرف حساب ثابت = 14423؛
var accountEmail = "[email protected]";
السماح لكلمة مرور الحساب = "12345";
accountCity = "جامشيدبور";
دع الحساب رول؛

// معرف الحساب = 13242; // غير مسموح به - سيظهر خطأ

console.table([accountEmail, accountId, accountRoll, accountPassword]);
`

فهم ثابت

المتغير الأول الذي أعلناه هو accountId باستخدام const. يتم استخدام الكلمة الأساسية const عندما تريد الإعلان عن متغير يجب ألا تتغير قيمته أبدًا. بمجرد تعيين قيمة لمتغير const، لا يمكنك إعادة تعيينها إلى شيء آخر. على سبيل المثال:

const accountId = 14423;
accountId = 13242; // This will throw an error!

في المثال أعلاه، ستؤدي محاولة إعادة تعيين معرف الحساب إلى حدوث خطأ لأن المتغيرات الثابتة غير قابلة للتغيير بعد تعيينها الأولي.

النقاط الرئيسية حول const:

• لا يمكن إعادة تعيينها: بمجرد تعيين قيمة لمتغير ثابت، لا يمكن تغييرها.
• نطاق الكتلة: لا يمكن الوصول إلى المتغير إلا داخل الكتلة التي تم الإعلان عنه فيها (على سبيل المثال، داخل {}).

فهم السماح

بعد ذلك، تم الإعلان عن كلمة مرور الحساب باستخدام Let. يتم استخدام الكلمة الأساسية Let عندما تريد الإعلان عن متغير قد تتغير قيمته لاحقًا. على عكس const، يمكنك إعادة تعيين متغير Let:

let accountPassword = "12345";
accountPassword = "67890"; // This is perfectly fine!

ومع ذلك، مثل const، فإن Let هي أيضًا ذات نطاق كتلة، مما يعني أنه لا يمكن الوصول إليها إلا داخل الكتلة التي تم الإعلان عنها.

النقاط الرئيسية حول التأجير:

• يمكن إعادة تعيينه: يمكنك تغيير قيمة متغير Let بعد تعيينه.
• نطاق الكتلة: لا يمكن الوصول إلى المتغير إلا داخل الكتلة التي تم الإعلان عنها.

فهم فار

أخيرًا، لنتحدث عن var، وهي الطريقة التي أعلنا بها عن accountEmail. var هي الطريقة القديمة للإعلان عن المتغيرات في JavaScript. لديها بعض الاختلافات الرئيسية مقارنة بـ Let و const:

var accountEmail = "[email protected]";
var accountEmail = "[email protected]"; // This is allowed!

كما ترون، على عكس Let وconst، يمكنك إعادة تعريف متغير var في نفس النطاق دون أي أخطاء. قد يؤدي هذا في بعض الأحيان إلى حدوث أخطاء وسلوك غير متوقع، ولهذا السبب يفضل العديد من المطورين Let وconst.

النقاط الرئيسية حول فار:

• يمكن إعادة تعيينها وإعادة تعريفها: يمكنك تغيير القيمة وحتى إعادة تعريف متغير var.
• نطاق الوظيفة: على عكس Let و const، اللذين يتم تحديد نطاقهما على نطاق كتلة، فإن var هو نطاق وظيفي. هذا يعني أنه يمكن الوصول إليه من خلال الوظيفة التي تم الإعلان عنه فيها، ولكن لا يقتصر على الكتلة.

مقارنة سريعة

إليك مقارنة سريعة لتلخيص الاختلافات:

{
    var x = 10;
    var x = 20; // Allowed, no error

    let y = 10;
    let y = 20; // Not allowed, will throw a syntax error
}

مثال عملي: استخدام console.table

في نهاية الكود الخاص بنا، نستخدم console.table لعرض قيم المتغيرات لدينا بتنسيق جدول أنيق:

console.table([accountEmail, accountId, accountRoll, accountPassword]);

يؤدي هذا إلى إخراج جدول بالقيم الحالية لـ accountEmail وaccountId وaccountRoll وaccountPassword. إنها طريقة سهلة لتصور متغيراتك عند تصحيح الأخطاء أو مجرد التحقق من عملك.

خاتمة

يعد فهم الاختلافات بين const وlet وvar أمرًا بالغ الأهمية لكتابة تعليمات برمجية JavaScript نظيفة وخالية من الأخطاء. إليك ملخص سريع:

• استخدم const عندما تريد أن يظل المتغير ثابتًا.
• استخدم Let عندما تتوقع أن تتغير قيمة المتغير.
• تجنب var إلا إذا كان لديك سبب محدد لاستخدامه (بسبب سلوكه على نطاق الوظيفة).

من خلال إتقان هذه الكلمات الرئيسية الثلاث، ستكون في طريقك لكتابة تعليمات برمجية JavaScript أكثر موثوقية وقابلة للصيانة. للحصول على معلومات أكثر تفصيلاً، يمكنك دائمًا الرجوع إلى وثائق MDN.

سعيد بالبرمجة ونراكم في البرنامج التالي!!