هل تتذكر الرياضيات من المدرسة؟
هل تتذكر الجبر من أيام الدراسة؟ حينما x = 5 و y = 6 هل بإمكانك حساب z = x + y
هل تتذكر الحرف (مثل x) يمكن أن يحمل قيمة (مثل 5)، ويمكنك أيضاً أن تستخدم المعلومات بالأعلى لاستخلاص نتيجة الـ z لتكون 11
هذه الحروف تسمى بالمتغيرات، والمتغيرات يمكن أن تستخدم لتحمل قيم (x = 5) أو تعبيرات (z = x + y)
متغيرات الجافا سكربت
كما في الجبر، متغيرات الجافا سكربت تستعمل لتخزين قيم أو تعبيرات. المتغير يمكن أن يكون اسم قصير مثل x، أو يكون أكثر وصفاً مثل اسم سيارة Toyota. وهنا قواعد لكتابة أسماء المتغيرات في الجافا سكربت يجب التقيّد بها:
- أسماء المتغيرات حساسة لحالة الأحرف (حرف A يختلف عن الحرف a)
- أسماء المتغيرات يجب أن تبدأ بحرف أو علامة أسفل السطر _ (underscore)
ملاحظة: لأن الجافا سكربت حساسة لحالة الأحرف، لذلك أسماء المتغيرات أصبحت حساسة لحالة الأحرف
مثال
قيمة المتغير يمكن أن تتغير أثناء تنفيذ السكربت. يمكنك أن تستعمل اسم المتغير لطباعته في الصفحة أو لتغييره وقتما تشاء، المثال التالي سيوضح لك الكيفية:
كود بلغة HTML:
<html> <body> <script type="text/javascript"> var site_name; site_name="floatbird"; document.write(site_name); document.write("<br />"); site_name="FloatBird.net"; document.write(site_name); </script> <p>السكربت بالأعلى يعرف عن متغير اسمه site_name، ويضع له قيمة أولية، ثم يطبع القيمة في الصفحة، ثم يغير قيمة المتغير إلى شيء آخر ثم يطبع النتيجة التي يحملها المتغير من جديد.</p> </body> </html>
كود:
floatbird FloatBird.net السكربت بالأعلى يعرف عن متغير اسمه site_name، ويضع له قيمة أولية، ثم يطبع القيمة في الصفحة، ثم يغير قيمة المتغير إلى شيء آخر ثم يطبع النتيجة التي يحملها المتغير من جديد.
إنشاء متغيرات في الجافا سكربت غالباً ما تعني تعريف المتغيرات، يمكنك تعريف متغيرات الجافا سكربت بواسطة العبارة var.
كود:
var x; var carname;
كود:
var x = 5; var carname = "Volvo";
ملاحظة: عندما تقوم بوضع قيمة نصية لمتغير، استخدم علامة التنصيص حول القيمة المدخلة.
تعيين القيم إلى متغيرات جافا سكربت غير معرفة
إذا قمت بوضع قيم إلى متغيرات لم تقم بتعريفها، المتغيرات ستعرّف تلقائياً.
العبارتين التاليتين:
كود:
x = 5; carname = "Volvo";
كود:
var x = 5; var carname = "Volvo";
إذا قمت بإعادة تعريف متغير جافا سكربت، فلن يفقد قيمته الأصلية
كود:
var x = 5; var x;
الحسابات في الجافا سكربت
كما في الجبر، يمكنك أن تقوم بالعمليات الحسابية بمتغيرات الجافا سكربت:
كود:
y = x - 5; z = y + 5;
القائمة الرئيسية
FatCow
الوسوم
التقويم
قيم هذا المقال