مغيرات JavaScript

مغيرات JavaScript

متغيرات جافا سكربت هي صناديق لتخزين قيم البيانات.

في هذا المثال، x،y وz هي متغيرات:

مثال

var x = 7;
var y = 8;
var z = x + y;

جرب بنفسك

من المثال السابق، يمكنك الحصول على:

  • x يحتوي على القيمة 7
  • y يحتوي على القيمة 8
  • z يحتوي على القيمة 15

مثل الجبر

في هذا المثال، price1،price2 وtotal هي متغيرات:

مثال

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

جرب بنفسك

في البرمجة، مثل الجبر، نستخدم المتغيرات (مثل price1) لتخزين القيم.

في البرمجة، مثل الجبر، نستخدم المتغيرات في العبارات (total = price1 + price2).

من المثال السابق، يمكنك حساب قيمة total هي 27.

نصيحة:متغيرات جافا سكربت هي صناديق لتخزين قيم البيانات.

معرفات جافا سكربت

جميع جافا سكربت المتغيريجب أن يبدأالاسم الفريدمنالمعرف.

هذه الأسماء الفريدة تسمىالمعرف.

يمكن أن يكون المعرف قصيرًا (مثل x و y)، أو أكثر وصفًا (age،sum،totalVolume).

القواعد العامة لإنشاء اسم المتغير (المعرف الفريد) هي:

  • يمكن أن يحتوي الاسم على الحروف، والأرقام، والمسافات السفلية، ورمز الدولار
  • يجب أن يبدأ الاسم بالحرف
  • يمكن أن يكون الاسم $ و _ يبدأ بالحرف (لكننا لن نفعل ذلك في هذا الدليل)
  • الاسم حساس للحالة (f و F هو متغيران مختلفان)
  • الكلمات المحفوظة (مثل الكلمات المفتاحية في جافا سكربت) لا يمكن استخدامها كأسماء المتغيرات

نصيحة:تعرف اسم المفهوم في جافا سكربت بتنسيق الحالة.

عمود التساوي

في جافا سكربت، عمود التساوي (=هذا هو عمود التساوي، وليس عمود المساواة.

هذا يختلف عن الجبر. الكود التالي غير معقول في الجبر:

x = x + 5

ومع ذلك، في JavaScript، هذا معقول للغاية: وضع قيمة x + 5 في x.

(حساب قيمة x + 5 ووضع النتيجة في x. يزيد قيمة x بـ 5.)

ملاحظة:عنصر "المساواة" في JavaScript هو ==.

نوع البيانات في JavaScript

يمكن لمتغيرات JavaScript أن تحتوي على أرقام، مثل 100، وأيضاً قيم نصية، مثل "بيل جيتس".

في البرمجة، تُسمى قيم النص النصوص.

يمكن لـ JavaScript معالجة أنواع بيانات متعددة، ولكننا نركز الآن فقط على القيم العددية والقيم النصية.

يتم حبس النصوص بين الأسهم المزدوجة أو الأسهم الواحدة. لا تحتاج الأرقام إلى أسهم.

إذا وضعت عدد في الأسهم، سيتم اعتباره نصاً.

مثال

عامل pi = 3.14;
عامل person = "بيل جيتس";
عامل answer = 'كيف حالك!';

جرب بنفسك

إعلان (إنشاء) متغيرات JavaScript

في JavaScript، يُطلق على إنشاء المتغيرات بـ "إعلان المتغيرات".

يمكنك عامل كلمات المفتاح لتحديد متغيرات JavaScript:

var carName;

بعد الإعلان، لا يكون للمتغير قيمة. (تقنياً، قيمته هي غير معرف。）

إذا كنت بحاجة إلىالتعيينلإعطاء المتغير، استخدم مساوئ:

اسم السيارة = "بورش";

يمكنك تعيين قيمة عند إعلان المتغير:

var carName = "porsche";

في هذا المثال، قمنا بإنشاء متغير يحمل الاسم carName، وقمنا بتعيينه "بورش".

ثم، نحن "نخرج" هذه القيمة في النص HTML المحدد بـ id="demo":

مثال

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = اسم السيارة; 
</script>

جرب بنفسك

نصيحة:

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

عامل، عدة عوامل

يمكنك إعلان العديد من العوامل في جملة واحدة. عامل كبدء الجملة، وبالنسبة لـالcommaفصل العوامل:

عامل person = "بيل جيتس", اسم السيارة = "بورش", سعر = 15000;

جرب بنفسك

البيان يمكن أن يطول عدة أسطر:

عامل person = "بيل جيتس",
اسم السيارة = "بورش",
سعر = 15000;

جرب بنفسك

قيمة = غير محددة

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

غير محدد القيمة المتغير، قيمته ستكون غير معرف.

قيمة المتغير carName بعد تنفيذ هذه الجملة هي غير معرف:

مثال

var carName;

جرب بنفسك

إعادة إعلان متغيرات JavaScript

إذا تم إعادة إعلان متغير JavaScript، فإن قيمته لن تضيع.

بعد تنفيذ هذه الجملتين، سيظل قيمة المتغير carName هي "porsche":

مثال

var carName = "porsche";
var carName;

جرب بنفسك

حسابات JavaScript

مثل الرياضيات، يمكنك إجراء عمليات حسابية باستخدام متغيرات JavaScript باستخدام = و + مثل هذه العملاء:

مثال

var x = 3 + 5 + 8;

جرب بنفسك

يمكن استخدام علامة الجمع أيضًا في النصوص، ولكن النصوص سيتم ربطها معًا:

مثال

var x = "Bill" + " " + "Gates";

جرب بنفسك

يمكنك أيضًا تجربة هذا:

مثال

var x = "8" + 3 + 5;

جرب بنفسك

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

جرب هذا الآن:

مثال

var x = 3 + 5 + "8";

جرب بنفسك

قراءة خارجية

دليل تعليمي متقدم لـ JavaScript: قواعد اللغة ECMAScript، م変يبات ECMAScript