شرح المتغيرات في JavaScript للمبتدئين: الفرق بين var وlet وconst

شرح المتغيرات في JavaScript للمبتدئين: الفرق بين var وlet وconst

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

ما هي المتغيرات في JavaScript؟

المتغير هو اسم نستخدمه للإشارة إلى قيمة يمكن للبرنامج التعامل معها، مثل اسم المستخدم أو العمر أو السعر.

على سبيل المثال:

let username = "Ahmed";
let age = 20;

console.log(username);
console.log(age);

في هذا المثال، أنشأنا متغيرين: الأول يخزن الاسم "Ahmed"، والثاني يخزن العدد 20. وتُستخدم console.log() لعرض القيم في وحدة التحكم (Console).

أولًا: استخدام let

تُستخدم let لإنشاء متغير يمكن تغيير قيمته لاحقًا.

let score = 10;

score = 15;

console.log(score); // 15

بدأت قيمة المتغير score بالعدد 10، ثم أصبحت 15. نستخدم let عندما نتوقع أن تتغير القيمة أثناء تشغيل البرنامج.

ثانيًا: استخدام const

تُستخدم const لإنشاء متغير لا يمكن إعادة إسناد قيمة جديدة إليه بعد تعريفه.

const country = "Egypt";

console.log(country);

إذا حاولنا كتابة country = "Jordan"، فسيظهر خطأ لأن المتغير أُنشئ باستخدام const.

ملاحظة: عند استخدام const مع الكائنات أو المصفوفات، يمكن تعديل محتوياتها، لكن لا يمكن إعادة إسناد المتغير نفسه إلى كائن أو مصفوفة أخرى.

مثال:

const colors = ["red", "blue"];

colors.push("green");

console.log(colors);

ستُضاف "green" إلى المصفوفة بنجاح.

ثالثًا: ما هي var؟

تُستخدم var أيضًا لإنشاء المتغيرات، لكنها أقدم من let وconst، ولها اختلافات في نطاق المتغير وطريقة التعامل مع إعادة التعريف.

var message = "Hello";

message = "Welcome";

console.log(message); // Welcome

الكود السابق يعمل بصورة صحيحة. لكن في JavaScript الحديثة، يُفضَّل استخدام const عندما لا تحتاج إلى إعادة إسناد القيمة، وlet عندما تحتاج إلى تغييرها؛ لأن نطاقهما أوضح في معظم الحالات.

ما الفرق بين var و let و const؟

لفهم نطاق الكتلة، جرّب المثال التالي:

if (true) {
  let name = "Ali";
  const age = 18;
}

console.log(name); // ReferenceError

لن يتمكن البرنامج من الوصول إلى name خارج الأقواس؛ لأن المتغير أُنشئ باستخدام let داخل كتلة if. وينطبق الأمر نفسه على const في هذا المثال.

نصائح مهمة للمبتدئين

استخدم أسماء واضحة، مثل userName وtotalPrice، لتسهيل فهم الكود.

ابدأ باستخدام const للقيم التي لا تحتاج إلى إعادة إسناد، واستخدم let عند الحاجة إلى تغيير القيمة.

تجنب استخدام var في الأكواد الجديدة إلا عندما يكون هناك سبب واضح لذلك.

تدرّب على الأمثلة بنفسك، وغيّر القيم ولاحظ النتائج في وحدة التحكم.

الخاتمة

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

KINGDOM — تعلّم، طبّق، وتطوّر.