JavaScript / البداية

المتغيرات

خزّن القيم في متغيرات بـ let، وغيّرها، واستخدمها في الحسابات وفي الجمل المطبوعة.

البرنامج يحتاج كثيرًا أن «يتذكّر» قيمة: عدد الأسماك، أو رصيد المصروف، أو درجة الطالب. لذلك نستخدم المتغير: صندوق له اسم نضع فيه قيمة، ويمكن أن نغيّرها لاحقًا.

ننشئ المتغير (نُعلن عنه) بالكلمة let ثم اسمه، ثم نضع فيه قيمة (نُسند له قيمة) بالعلامة =. ولطباعة قيمته نكتب اسمه داخل console.log():

JavaScript
let fish;
fish = 0;
console.log(fish);
وحدة التحكم
0

ويمكن الإعلان والإسناد في سطر واحد، وهو الشكل الأكثر استخدامًا: let fish = 0;

تحديث قيمة المتغير

السطر fish = fish + 3; نفهمه بالبدء من الجهة اليمنى للعلامة =: خذ القيمة الحالية لـ fish، وأضف إليها 3، ثم ضع الناتج في fish من جديد. القيمة القديمة تختفي وتحل محلها الجديدة.

JavaScript
let fish = 0;
fish = fish + 3;
fish = fish + 7;
console.log(fish);
console.log("fish");
وحدة التحكم
10
fish
اسم المتغير بدون علامتي تنصيص يطبع قيمته (10)، أما "fish" بين علامتي تنصيص فيطبع الكلمة fish نفسها.

استخدام المتغيرات في المخرجات

المتغير يمكن أن يحمل رقمًا أو نصًا (بين علامتي تنصيص)، ونستخدمه في الحسابات ونربطه بالنصوص بـ + كأي قيمة. اختر أسماء واضحة بدون مسافات، مثل price أو numberOfPeople، وتذكّر أن Price وprice اسمان مختلفان.

JavaScript
let name = "Mona";
let price = 45;
let plates = 3;
console.log("Hello " + name);
console.log("Total: " + (price * plates) + " pounds");
وحدة التحكم
Hello Mona
Total: 135 pounds
نكتب let مرة واحدة فقط عند إنشاء المتغير. عند تغيير قيمته بعد ذلك نكتب الاسم مباشرة؛ فتكرار let بنفس الاسم يسبب خطأ:
JavaScript
let apple = 5;
let apple = 8;
console.log(apple);
وحدة التحكم
SyntaxError: Identifier 'apple' has already been declared

تدريبات

1اكتب البرنامجتدريب المنهج

أعلن المتغير apple وأسند له 0، ثم أضف إليه 5، ثم أضف إليه 8، واطبع قيمته.

JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.
2اكتب البرنامجتدريب المنهج

أعلن المتغير allowance وأسند له 700، ثم زِد قيمته بمقدار 1500، واطبع قيمته.

JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.
3أكمل الفراغتدريب المنهج

أكمل الفراغ ليضيف 10 إلى قيمة المتغير number، فيطبع البرنامج 13.

JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
let number;
number = 3;
number = ___;
console.log(number);
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.
4اكتب البرنامجتدريب المنهج

أعلن المتغير num وأسند له 2 في سطر واحد، ثم أضف إليه 8، واطبع قيمته.

JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.
5عدّل البرنامجتدريب إضافي

البرنامج يطبع كلمة score بدل الدرجة. صحّحه ليطبع 20.

JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
let score = 18;
score = score + 2;
console.log("score");
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.
6اكتب البرنامجتدريب إضافي

معك 100 جنيه في المتغير money. صرفت 35 على الغداء، ثم أعطاك والدك 50. حدّث قيمة money بعد كل خطوة، ثم اطبع Money left: 115.

JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.
7اكتب البرنامجتدريب إضافي

فناء المدرسة مستطيل طوله 8 وعرضه 5. خزّنهما في المتغيرين length وwidth، ثم اطبع Area: 40 في سطر، وPerimeter: 26 في السطر التالي.

تلميحالمساحة = الطول × العرض، والمحيط = 2 × (الطول + العرض).
JavaScript Ctrl/⌘ + Enter للتشغيل · Esc ثم Tab للخروج من المحرر
وحدة التحكم
اضغط «تشغيل» لترى النتيجة.

النقاط الرئيسية

  • let x = 0; تُنشئ متغيرًا وتضع فيه قيمة، وlet تُكتب مرة واحدة فقط.
  • x = x + 3; تأخذ القيمة القديمة وتضيف 3 وتخزّن الناتج في x.
  • اسم المتغير بدون علامتي تنصيص يعطي قيمته، ويمكن ربطه بالنص: "Total: " + x.