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

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

يتم إنشاء المتغير على مرحلتين: الإعلان عن المتغير وتعيين اسم له.

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

إن تسمية المتغيرات أمر متروك لك بالطبع، ولكن هناك بعض القواعد التي يجب اتباعها حتى تعمل جافا سكريبت:

• القاعدة الأولى، تجنب استخدام الكلمات المحجوزة. بعض الكلمات في لغة جافا سكريبت تستخدم في النظام نفسه، مثل كلمة var التي نعلن بها عن المتغير. بالإضافة إلى ذلك، تعتبر بعض الكلمات، مثل تنبيه، مستند، نافذة، خصائص خاصة لصفحة الويب. إذا حاولت استخدامها كمتغيرات، سوف تتلقى رسالة خطأ. هنا يمكنك رؤية قائمة الكلمات المحجوزة.
• القاعدة الثانية، يجب أن يبدأ اسم المتغير بحرف أو $ أو _ رمز. أي أن المتغير لا يمكن أن يبدأ برقم أو علامة ترقيم: لن يعمل الاسم 1dwstv و&dwstv، لكن الاسمين $dwstv و_dwstv سيعملان.
• القاعدة الثالثة، يمكن أن يحتوي اسم المتغير على أحرف وأرقام ورموز $ و_، ولا يمكن استخدام مسافات أو أحرف خاصة أخرى في الاسم: dws&tv وdws tv أسماء غير صالحة، ولكن يمكن أن يكون هذا التنسيق dws_tv وdwstv1 أو dws_tv_1.
• القاعدة الرابعة، أسماء المتغيرات حساسة لحالة الأحرف. يتعامل مترجم JavaScript مع الأحرف الصغيرة والكبيرة بشكل مختلف، أي أن متغير DWSTV يختلف عن متغير dwstv، وكذلك يختلف عن متغيرات DwStv وDwstv.
• القاعدة الخامسة، لا يوصى باستخدام أحرف أخرى غير اللاتينية؛ فالمتغيرات المكتوبة باللغة السيريلية، على الرغم من أنها ستعمل، ليست مضمونة، ولن يفهمها الزملاء من البلدان الأخرى.

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

عند تسمية المتغيرات، حاول أن تجعلها سهلة القراءة. عند استخدام كلمات متعددة، أضف شرطة سفلية بينها، أو ابدأ كل كلمة بعد الأولى بحرف كبير. على سبيل المثال، dwsTv أو dws_tv.

في بداية الدرس، نظرنا إلى مكونات المتغير، والآن بعد أن عرفنا كيفية إنشائه، يمكننا تخزين أي نوع من البيانات فيه حسب تقديرنا.

من أجل وضع البيانات في متغير، يتم استخدام رمز خاص، علامة المساواة (=)، ويسمى عامل الإسناد، لأنه يستخدم لتعيين قيمة للمتغير.

على سبيل المثال، لنضع قيمة رقمية في المتغير dwstv، عدد المشتركين هو 8500، نعلن عن المتغير var dwstv؛ وفي السطر الثاني نضع فيه القيمة dwstv = 8500؛

فار دوستف؛ dwstv = 7200;

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

فار دوستف = 7200؛

في المتغير يمكننا تخزين أي نوع من البيانات التي تناولناها في الدروس السابقة، يمكن أن تكون هذه القيم رقمية وسلسلة ومنطقية:

var dwstv = 7200;var Lessons = 'JavaScript'; var youtubeKanal = 'DwsTV'; المشتركون فار = '7700'; محتوى فار = صحيح؛

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

دروس var = 'JavaScript'، youtubeKanal = 'DwsTV'، المشتركون = '7700'، المحتوى = صحيح؛

بعد تخزين القيم في المتغيرات، أصبحنا قادرين على الوصول إلى هذه البيانات. للقيام بذلك، فقط استخدم اسم المتغير نفسه.

على سبيل المثال، إذا أردنا فتح مربع حوار تنبيه وعرض القيمة المخزنة في متغير kanal، فيمكننا ببساطة كتابة اسم المتغير في وظيفة التنبيه.

تنبيه (قناة)؛

لاحظ أننا لا نضع علامات الاقتباس حول المتغيرات - فهي مخصصة للسلاسل فقط، لذلك لا نكتب تنبيه ('kanal') لأن ذلك سيعطينا الكلمات kanal بدلاً من القيمة المخزنة في المتغير.

الآن أعتقد أنك تفهم سبب ضرورة اقتباس السلاسل: يعامل مترجم JavaScript الكلمات غير المقتبسة إما على أنها كائنات خاصة (مثل أمر التنبيه ()) أو أسماء متغيرة.

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

المشتركون = '10000'؛

في نهاية هذا الدرس، أريد أن أقول أنه إذا تعلمت أي لغة، فلن تتعلم البرمجة. مما لا شك فيه، سوف تتعلم شيئا جديدا، ولكن على الأرجح لن يتذكر عقلك هذه المعلومات، لأنك لا تعمل معها. من المستحيل تعلم لغة دون الممارسة، لذا من هذا الدرس ستتلقى مهمة صغيرة حتى تتناسب المعلومات المقدمة مع عقلك ويمكنك العمل بها.

المهمة العملية:

أنشئ ثلاثة متغيرات، وعين واحدًا قيمة رقمية، والثاني قيمة سلسلة، والثالث قيمة منطقية. قم بتعريف كافة المتغيرات باستخدام كلمة رئيسية واحدة var، واعرضها على الصفحة. ثم أعد تعريف المتغير بقيمة رقمية واعرض النتيجة باستخدام وظيفة التنبيه ().

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

في الدرس التالي، سننظر بالتفصيل في كيفية العمل مع أنواع البيانات والمتغيرات، والتعرف على العمليات الرياضية وترتيب تنفيذها، وكذلك تحليل طرق الجمع بين القيم النصية والرقمية.

تم إعداد الدرس بواسطة دينيس جوريلوف.

بصراحة، لم أرغب في طرح هذا الموضوع منذ البداية. ماذا عن المتغيرات، وخاصة في جافا سكريبت؟ ولكن بعد ذلك تذكرت كيف كنت أتعامل أحيانًا مع الإنشاءات المعقدة وأواجه صعوبة في فهم بعض التعبيرات التي بدت غير مقبولة في لغات البرمجة الأخرى. يمكننا أن نقول هذا: هنا لن تحصل على خطأ "نوع البيانات غير صالح"، وإذا حدث ذلك، فسيكون ذلك نادرًا جدًا. إذا كنت قد عملت مع لغات برمجة أخرى، فتذكر عدد المرات التي حصلت فيها على خطأ بشأن أنواع البيانات غير الصالحة. في JavaScript، يمكن إعادة تعريف نوع البيانات بسهولة، لكنك قد لا تلاحظ حتى مكانه - وهنا تكمن الصعوبة. من ناحية أخرى، إذا كنت على دراية جيدة بمبادئ تحويلات النوع وتعرف جميع خصائص المتغيرات والمصفوفات، فإن هذه القدرات لن تمنحك سوى الثقة في كتابة البرامج.

يمكن لمتغيرات JavaScript تخزين أنواع مختلفة من القيم:

• الخطوط عبارة عن سلسلة من الأحرف؛
• القيم الرقمية - الأعداد الصحيحة والأعداد الحقيقية؛
• القيم المنطقية - قيمتان فقط صحيحة أو خاطئة؛
• المصفوفات - مجموعات من المتغيرات من نفس النوع؛
• التواريخ هي قيم التاريخ والوقت.

• عن طريق إنشاء متغيرات في وثيقة الإطار افضل مستوى;
• باستخدام "ملفات تعريف الارتباط"؛

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

أسماء المتغيرات، إنشاء المتغيرات

في JavaScript، يعد إنشاء متغير أسهل بكثير من لغات البرمجة الأخرى. على سبيل المثال، عند إنشاء متغير، ليست هناك حاجة لتحديد نوعه. يتم تعريف المتغيرات مع وبدون القيم الأولية. أثناء تنفيذ البرنامج، يمكن أيضًا تحويل المتغيرات التي تم إنشاؤها بالفعل إلى أنواع بيانات مختلفة. يمكن أن تبدأ أسماء المتغيرات بأي حرف (من a إلى z أو من A إلى Z) أو بشرطة سفلية (_)، ويمكن أن يحتوي الباقي على أرقام وشرطات سفلية وأحرف. تذكر أن أسماء المتغيرات تختلف بين الأحرف الكبيرة والصغيرة: على سبيل المثال، MyVariable ليس هو نفسه myvariable.
يمكن إنشاء متغير بإحدى الطرق التالية:

• باستخدام عامل التشغيل var وعامل التعيين (=)؛
• باستخدام عامل التعيين (=).

فار MyVariable = 35

يقوم بإنشاء متغير يسمى MyVariable يحتوي على القيمة الرقمية 35. المتغير موجود طالما تم تحميل المستند الحالي. إذا قمت بإنشاء هذا المتغير في مستند عالي المستوى يحتوي على إطار، فيجب الوصول إليه باستخدام التعبير top.MyVariable، أو الأفضل من ذلكparent.MyVariable للحماية من الإطارات المتداخلة.

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

فار MyVariable = "35"

سيقوم المتغير بالفعل بتخزين السلسلة "35". تؤدي مثل هذه التحولات أحيانًا إلى سوء الفهم. على سبيل المثال:

ما هي القيمة التي تعتقد أن المتغير "c" سيأخذها بعد تنفيذ البرنامج؟ إذا لم تكن على دراية بقواعد تحويل المتغيرات في JavaScript، فلن تخمنها. قيمة المتغير "c" بعد اكتمال الكتلة ستكون مساوية للقيمة العددية 320. وسنتحدث عن مبادئ تحويل أنواع المتغيرات لاحقا. يمكن تعريف المتغير دون استخدام عامل التشغيل "Var"، ولكن ببساطة عن طريق تعيين قيمة، وأي نوع بيانات يتم تعيينه، سيكون نوع المتغير. يتم استخدام عامل التشغيل "Var" في الغالب لسهولة قراءة برنامج JS. يمكن تحديد المتغير بدون قيم أولية، على سبيل المثال:

فار MyVariable;

تم إنشاء متغير باسم MyVariable بدون نوع بيانات محدد ولا قيمة أولية. تُعرف المتغيرات التي تم إنشاؤها باستخدام مثل هذه الإعلانات بالمتغيرات الخالية. على سبيل المثال، من خلال مقارنة هذا المتغير بالقيمة الخالية، يمكنك معرفة ما إذا كان المتغير محددًا أم لا. ومع ذلك، لا ينبغي للمرء أن يخلط بين أشياء مختلفة: "" - السلسلة الفارغة هي نوع سلسلة وليست قيمة فارغة على الإطلاق.

يمكن تعيين نوع المتغير في أي مكان في برنامج JS، على عكس لغات البرمجة الأخرى، مما يوفر مرونة إضافية، ولكن أيضًا إمكانية الارتباك - تذكر ذلك. لا يمكن الوصول إلى المتغير الذي لم يتم إنشاؤه. إذا كنت بحاجة إلى إنشاء متغير مؤقت، مثل عداد حلقة، فستحتاج إلى بادئته بـ var:
for (var i=0; i "10"); الطريقة الأبسط والأكثر شيوعًا لإنشاء كائن سلسلة هي استخدام عوامل تشغيل مثل

var myVariable = "بيرة جيدة";

تقوم العبارة التالية بتعيين السلسلة "Good Beer" إلى متغير السلسلة myVariable. يتم التعامل مع المتغير myVariable ككائن سلسلة ويمكنه استخدام أي من أساليب كائن سلسلة JavaScript القياسية. يمكن تخطي عامل التشغيل Var، كما ذكرنا سابقًا، فهو ضروري بشكل أساسي لسهولة قراءة البرنامج.

لإنشاء كائنات سلسلة، يمكنك استخدام مُنشئ String() مع عامل التشغيل الجديد. كائن السلسلة ليس في الواقع جزءًا من لغة جافا سكريبت، ولكنه كائن مضمن في المتصفح، ويرجع ذلك أساسًا إلى إنشاء السلاسل عندما يحتاجها المستخدم. لنلقي نظرة على مثال:

var myVariable = new String();

يقوم هذا البيان بإنشاء كائن جديد، سلسلة فارغة، تسمى myVariable. في البداية، هذه هي السلسلة الفارغة ("")، وقيمة الخاصية myVariable.length هي 0.

يسمح مُنشئ String() بتمرير سلسلة معينة كوسيطة:

Var myVariable = new String("البيرة المناسبة");

يمكن أن يحتوي كائن سلسلة رموز خاصةالتحكم في تنسيق السلسلة:

• \n - حرف السطر الجديد؛
• \r - حرف الإرجاع؛
• \f - رمز للانتقال إلى صفحة جديدة؛
• \xnn - تمثيل الحرف كرمز ASCII الست عشري nn؛
• \b - رمز المفتاح.

• طرق تنسيق مستند HTML؛
• طرق معالجة السلسلة.

المتغيرات الرقمية

يمكن أن تكون القيم الرقمية إما عددًا صحيحًا أو أرقامًا عائمة. تسمى أرقام الفاصلة العائمة أرقام الفاصلة الحقيقية أو العائمة. تنطبق العمليات التالية على القيم الرقمية:

• عمليه الضرب(*)؛
• قسم(/)؛
• إضافة (+)؛
• الطرح (-);
• زيادة(++);
• ينقص (--)؛

المتغيرات المنطقية

تحتوي المتغيرات المنطقية أو المنطقية على قيم حرفية فقط - صح وخطأ - وتستخدم في التعبيرات المنطقيةوالمشغلين.
للتحقق من قيمة متغير منطقي، يتم أيضًا استخدام عملية المساواة المنطقية:
booleanVar == true
على الرغم من أن عملية التحقق هذه غير ضرورية في هذه الحالة. للتحقق من القيم غير الصحيحة، استخدم علامة النفي المنطقية (!). على سبيل المثال، سيعود التعبير booleanVar إلى القيمة true إذا كانت القيمة booleanVar خاطئة. بدلاً من الكلمتين "صحيح" و"خطأ"، يمكنك استخدام القيمتين الرقميتين "1" و"2"، حيث أن القيمتين TakBoolean هي التي يتم تمثيلها في ذاكرة الكمبيوتر: 1==صحيح و0==خطأ.

متغيرات المصفوفة

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

اسم الصفيف

حيث arrayName هو اسم المصفوفة، وindex هو متغير رقمي أو رقم يحدد موضع العنصر في المصفوفة. على سبيل المثال، arrayName هو العنصر الأول في هذه المصفوفة. تبدأ مؤشرات عناصر المصفوفة في JavaScript من الصفر. يمكن أن تكون عناصر المصفوفة من أي نوع، مثل السلاسل النصية أو القيم المنطقية. بالإضافة إلى ذلك، في ظل ظروف معينة، يمكن أن يحتوي المصفوفة على عناصر من أنواع بيانات مختلفة. في اللغة مصفوفات جافا سكريبتيتم إنشاؤها باستخدام:

• صفيف المنشئ () ؛
• كائن منشئ () ؛
• منشئ محدد من قبل المستخدم.

مسار فار = "c:/images/" ,
arrayImg = new Array();
arrayImg = path+"img1.gif";
arrayImg = path+"img2.gif";

عند استخدام مُنشئ Array()، يتم تعيين خاصية الطول تلقائيًا. لذلك، بعد تهيئة عناصر المصفوفة في المثال أعلاه، يعيد التعبير arrayImg.length القيمة 2. يمكن أيضًا تحديد عناصر المصفوفة كمعلمات منشئة:

مسار فار = "c:/images/" ,
arrayImg = new Array(path+"img1.gif", path+"img2.gif");

هذا التعبير هو نسخة مختصرة من المثال السابق.
في JavaScript، يمكنك إنشاء مصفوفة، وهي عبارة عن مصفوفة تحتوي العناصر فيها على أنواع بيانات مختلفة:

var myArray = new Array(3.14, true, 85, date(), "word");

ينشئ مصفوفة يكون عنصرها myArray عبارة عن رقم فاصلة عائمة، وعنصرها myArray عبارة عن قيمة منطقية، وعنصرها myArray عبارة عن كائن تاريخ.
يعتمد حجم المصفوفة، وبالتالي قيمة خاصية الطول للكائن الذي تم إنشاؤه بواسطة مُنشئ Array()، على القيمة القصوىالفهرس الذي تم استخدامه لتحديد عنصر الصفيف. على سبيل المثال:

var myArray = new Array;
myArray = "هذا هو العنصر الحادي والعشرون في المصفوفة";

يتم تعيين قيمة السلسلة للعنصر الحادي والعشرين من المصفوفة "هذا هو العنصر الحادي والعشرون من المصفوفة"، وقيمة الخاصية myArray.length هي 21، بغض النظر عما إذا كانت عناصر المصفوفة التي تحتوي على فهرس أقل من 20 لها قيم أم لا.
يتم تعيين خاصية الطول لكائن Array تلقائيًا عندما تحدد بشكل صريح عدد العناصر في مُنشئ Array():

MyArray = new Array(10);

يقوم المشغل بإنشاء مصفوفة مكونة من 10 عناصر من 0 إلى 9. لا يمكن تعيين خاصية الطول للمصفوفة عن طريق التعيين لأن الطول خاصية للقراءة فقط. على سبيل المثال، لتعيين خاصية الطول إلى 10، ما عليك سوى تحديد قيمة العنصر الأخير، في هذه الحالة، العنصر التاسع من المصفوفة:

MyArray = new Array();
myArray = 0;

بالإضافة إلى ذلك، من الممكن ضبط قيم عناصر المصفوفة عند إنشائها:

MyArray = new Array(0,0,0,0,0,0);

كائن () منشئ

مفهوما الكائن والمصفوفة متساويان، على الرغم من أن منشئي Object() و Array() يعملان بشكل مختلف. من المستحيل تمرير عناصر صفيف متعددة إلى مُنشئ Object()، لذلك هذا التعبير
var myObj = new Object(value1, value2);
لن ينجح. المصفوفات التي تم إنشاؤها باستخدام مُنشئ Object() لا تحتوي على خاصية الطول. ولذلك، عند إنشاء مصفوفة بهذه الطريقة، يجب عليك إما اجتياز هذا المصفوفة باستخدام لحلقةوقم بحساب عناصر المصفوفة، أو قم بترميز طول المصفوفة إلى قيمة العنصر الأول الخاص بها (يتم ذلك عادةً عن طريق محاكاة خاصية الطول)، ثم قم بالوصول إليها حسب الحاجة للتحقق من حجم المصفوفة، وزيادة القيمة عند إضافة عنصر جديد، وأيضًا كمعلمة حلقة عند قراءة قيم العناصر أو تغييرها بشكل دوري. غالبًا ما يكون مثل هذا الكائن غير مناسب للحالات التي يجب أن تتغير فيها محتويات المصفوفة ديناميكيًا، لذلك في معظم الحالات يتم استخدام مُنشئ Array(). تبدأ قيم فهرس المصفوفات التي تم إنشاؤها في مُنشئ Object () أيضًا من الصفر. لإنشاء مصفوفة باستخدام المُنشئ Object()، من الشائع استخدام تدوين مثل:

var myObj = new Object();
myObj = 2; // قم بتعيين حجم المصفوفة
myObj = "العنصر الأول";
myObj = "العنصر الثاني";

لمعرفة حجم المصفوفة التي تم إنشاؤها بهذه الطريقة، تحتاج إلى الوصول إلى عنصر myObj. قيمة الخاصية myObj.length فارغة، نظرًا لأن القيمة غير محددة.

تحويل السلاسل والأرقام

وأخيرا نأتي إلى الموضوع الأكثر إثارة للاهتمام. الحقيقة هي أنه في لغة JavaScript، على عكس اللغات الأخرى، لا توجد وظائف مثل Val () وStr (). لقد رأيت ذات مرة برنامجًا في JavaScript، ولن أذكر اسم المؤلف، حيث كانت هناك محاولة لإرباك البرنامج للمستخدمين "غير المتقدمين" بمساعدة جميع أنواع تحويلات أنواع البيانات. لذلك عليك أن تتذكر قاعدتين:

• يتم تحويل رقم إلى سلسلة من الأحرف عن طريق إضافة الوسيطة الرقمية إلى وسيطة السلسلة، بغض النظر عن إعادة ترتيب المصطلحات. على سبيل المثال، إذا كان المتغير هو varI = 123، فيمكنك تحويل المتغير وبالتالي قيمته إلى سلسلة أحرف: varI = varI + "" أو العكس: varI = "" + varI. إذا مطوية لا مع خط فارغ: varI = varI + "456"، فإن نتيجة قيمة المتغير varI ستكون "123456". والأمر نفسه صحيح والعكس صحيح: varI = "456" + varI - result: "456123";
• يتم تحويل سلسلة إلى رقم عن طريق طرح معامل واحد من آخر، وكذلك بغض النظر عن موضعه. على سبيل المثال، إذا كان المتغير varI = "123"، فيمكنك تحويله إلى رقم عن طريق طرح القيم 0 منه: varI = varI - 0، وبناءً على ذلك يتم تحويل قيمة المتغير من نوع السلسلة إلى رقمية: 123. عند إعادة ترتيب المعاملات، ستتغير إشارة القيمة الرقمية إلى العكس. على عكس تحويل رقم إلى سلسلة، لا يمكن لعمليات الطرح استخدام القيم الحرفية. لذا، إذا تحولت "JavaScript" + 10 إلى varI == "JavaScript10"، فإن عملية مثل varI = "JavaScript" - 10 ستنتج القيمة "NON" - أي أن مثل هذه العملية غير مسموح بها. ومع ذلك، عند طرح قيمة سلسلة من قيمة سلسلة، يحدث تحويل أيضًا: varI = "20" - "15"، ستكون قيمة المتغير varI هي الرقم 5.

المتغير هو موقع ذاكرة مسمى يمكنك من خلاله تخزين بعض المعلومات واسترجاعها منه.

يتم الإعلان عن (إنشاء) المتغيرات باستخدام الكلمة الأساسية var.

// الرسالة - اسم المتغير var message;

عندما تقوم بإنشاء متغير، يمكنك تعيين قيمة له على الفور.

يتم تعيين قيمة للمتغير باستخدام عامل التشغيل "=".

// على سبيل المثال، أنشئ بريدًا إلكترونيًا متغيرًا وخصص له السلسلة " [البريد الإلكتروني محمي]"فار البريد الإلكتروني =" [البريد الإلكتروني محمي]"; // اضبط متغير البريد الإلكتروني على قيمة جديدة email = " [البريد الإلكتروني محمي]";

للحصول على قيمة المتغير، ما عليك سوى الإشارة إليه بالاسم.

// على سبيل المثال، قم بإخراج قيمة متغير البريد الإلكتروني إلى وحدة تحكم المتصفح: console.log(email);

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

سعر فار = 78.55، الكمية = 10، الرسالة؛

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

فار الناتج = "النجاح"؛ // يحتوي المتغير على نوع بيانات سلسلة الإخراج = 28؛ // نفس المتغير، ولكن بالفعل من نوع البيانات "الرقم"output = true; // نفس المتغير، ولكنه يخزن بالفعل قيمة منطقية

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

// تم إنشاء متغير العمر var age; // تم تعيين القيمة لمتغير العمر 67 age = 67; // تم ضبط متغير العمر على "سن التقاعد" age = "سن التقاعد"; // تم ضبط متغير العمر على 55 age = 55;

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

يمكن أن يتكون اسم المتغير من حروف وأرقام والرمزين $ و_. في هذه الحالة، يجب ألا يكون الحرف الأول للمتغير رقمًا. بالإضافة إلى ذلك، لا يمكنك استخدام الكلمات المحجوزة كأسماء للمتغيرات.

// إنشاء متغيرين، المتغير الأول يسمى الهاتف، والثاني يسمى الرسالة؛ فار الهاتف، رسالة؛

حالة الحروف في اسم المتغير مهمة. أي، على سبيل المثال، المتغير phone و Phone هما متغيران مختلفان.

إذا لم يتم استخدام الوضع الصارم، فيمكنك إنشاء متغير بالقيمة الأولية بدون الكلمة الأساسية var.

السعر = 250.00; // أنشئ متغيرًا وقم بتهيئته بالرقم 250.00 بالمائة = "20%"; // أنشئ متغيرًا وقم بتهيئته باستخدام السلسلة النصية "20%"

لكن إنشاء المتغيرات بهذه الطريقة غير مستحسن.

في أنواع جافا سكريبتيمكن تقسيم البيانات إلى بدائية وكائن.

المتغيرات التي تحتوي على أنواع بيانات بدائية تخزن قيمتها بشكل صريح.

هناك 5 أنواع بيانات بدائية في JavaScript:

• رقم؛
• خيط؛
• نوع منطقي (منطقي)؛
• باطل؛
• غير معرف.

إذا تم تعيين قيمة متغير آخر يحتوي على نوع بيانات بدائي، فسوف يتلقى نسخته الخاصة من تلك القيمة.

فار س = 77، ص = س؛ س = 55؛ ذ؛ // 77

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

إذا تم تعيين قيمة لمتغير آخر يحتوي على كائن (رابط إليه)، فسوف يتلقى أيضًا رابطًا إليه. ونتيجة لهذه العملية، سيحتوي هذان المتغيران على مرجع لنفس الكائن.

// المثال 1 (بنوع البيانات "كائن") var coord1 = (x: 77, y: 100), coord2 = coord1; coord1.x = 55; // قم بتعيين الخاصية x للكائن على قيمة جديدة coord2.x; // 55، لأن يحتوي coord1 وcoord2 على مرجع لنفس الكائن // المثال 2 (مع نوع بيانات مصفوفة) var coord1 = , coord2 = coord1; coord1 = 55; // اضبط العنصر ذو الفهرس 0 على قيمة جديدة coord2; // 55، لأن يحتوي coord1 وcoord2 على مرجع لنفس الكائن // المثال 3 (مع نوع البيانات "التاريخ") var date1 = new Date(2018,00,01), date2 = date1; date2 = date2.setDate(date2.getDate()+7); // زيادة التاريخ بمقدار 7 أيام date1; // 07/01/2018، لأن يحتوي التاريخ 1 والتاريخ 2 على مرجع لنفس الكائن

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

فار إنت = 5؛ // عدد صحيح var float = 5.98; // عدد كسري

يتوافق تنسيق تمثيل الأرقام في JavaScript مع معيار IEEE 754-2008.

يمكن تحديد الأعداد الصحيحة في JavaScript ليس فقط بالنظام العشري، ولكن أيضًا بالنظام الثماني (0) أو النظام الست عشري (0x) باستخدام البادئات المحددة بين قوسين:

فار إنت = 010؛ // 8 إنت = 055؛ // 45 int = 0xFF; //255 int = 0xB8; // 184

من الممكن كتابة الأرقام بالشكل الأسي:

فار نوم = 2e3؛ // التدوين الأسي للرقم 2*10^3 (2000) num = 2e-3; // التدوين الأسي للرقم 2*10^-3 (0.002) num = 3.2e3; // 3200 رقم = 1.5e-2; // 0.015

بالإضافة إلى الأرقام، يحتوي نوع البيانات الرقمية أيضًا على قيم رقمية خاصة:

• اللانهاية (اللانهاية الإيجابية)؛
• -اللانهاية (اللانهاية السلبية)؛
• NaN (ليس رقمًا).

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

معاني خاصة - اللانهاية تعني، على العكس، عدداً سالباً كبيراً جداً، أي. رقم لا يمكن تمثيله بواسطة JavaScript لأنه كبير جدًا أيضًا.

مثال على التعبيرات التي ستعيد قيمًا رقمية خاصة نتيجة لحسابها:

5/0؛ // إنفينيتي -5/0؛ // -Infinity Math.pow(10,399); // إنفينيتي (10 أس 399) Math.pow(10,399); // -إنفينيتي (-10 للقوة 399)

يتم إرجاع قيمة NaN كنتيجة لإجراء عمليات حسابية لا يمكن لـ JavaScript حسابها.

5 - "مرحبا"؛ // NaN (اطرح سطرًا من الرقم 5) 1000 / "20px"; // NaN (الرقم مقسومًا على السلسلة) صحيح * "1rem"; // NaN (القيمة المنطقية الحقيقية مضروبة في السلسلة)

الأمر المثير للاهتمام هو أن قيمة NaN في JavaScript لا تساوي أي شيء بما في ذلك نفسها.

NaN == NaN; // false NaN === NaN; //خطأ شنيع

Boolean هو نوع بيانات بدائي يحتوي على قيمتين فقط: صحيح وخطأ.

فار أ = صحيح؛ فار ب = خطأ؛

السلسلة هي نوع بيانات يُستخدم في JavaScript لتمثيل النص.

يمكن أن تتكون سلسلة JavaScript من 0 حرف أو أكثر.

تستخدم JavaScript دائمًا Unicode كتنسيق سلسلة لها.

يتم إنشاء سلسلة (سلسلة حرفية) عن طريق تضمين النص بين علامات اقتباس مفردة أو مزدوجة.

"جافا سكريبت"; "ECMAScript";

في JavaScript، لا يوجد فرق بين علامات الاقتباس المفردة والمزدوجة.

ولكن، في بعض الحالات، يكون من المنطقي استخدام علامات الاقتباس المفردة بدلاً من علامات الاقتباس المزدوجة والعكس صحيح.

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

""ECMAScript""; // بدون هروب (باستخدام علامات الاقتباس المفردة) "\"ECMAScript\""; // مع الهروب

يمكن أن تحتوي السلسلة في JavaScript على أحرف خاصة. على سبيل المثال، \n (تغذية الأسطر)، \t (علامة التبويب)، \r (سطر الإرجاع)، إلخ.

"هذه جملة.\nوهذه أيضًا جملة، ولكنها ستبدأ من سطر جديد.";

باستخدام السلاسل يمكنك إجراء عملية الجمع (الاتحاد)، أو بمعنى آخر، التسلسل. يتم استخدام عامل التشغيل "+" لهذا الغرض. معنى هذه العملية هو إلحاق السطر الثاني بنهاية الأول.

"أنا أحب" + "جافا سكريبت"؛ // أنا أحب جافا سكريبت

undef هو نوع بيانات بدائي خاص له قيمة واحدة تساوي undef .

يحتوي نوع البيانات هذا على متغير مُعلن لم يتم تعيين قيمة له بعد.

رقم متغير؛ // غير معرف

سيتم أيضًا إرجاع القيمة غير المحددة عند الوصول إلى خاصية غير موجودة للكائن.

فار obj = (); // كائن فارغ obj.prop; // غير معرف

null هو نوع بيانات بدائي خاص له قيمة واحدة تساوي null .

null هي مجرد قيمة خاصة لها معنى "لا شيء" أو "قيمة غير معروفة"، أي. من الواضح أنه لا يعني أي شيء.

الكائن عبارة عن بنية بيانات تتكون من أزواج الاسم والقيمة.

يتم إنشاء كائن باستخدام التدوين الحرفي للكائن كما يلي:

( name_1: value_1، name_2: value_2، name_3: value_3، ...)

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

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

بمعنى آخر، الكائن عبارة عن بنية بيانات تتكون من خصائص وأساليب.

var person = (الاسم: "Vitaly"، العمر: 27، getAge: الوظيفة () (إرجاع "Age: " + this.age؛))

يتم الوصول إلى خصائص الكائن من خلال فترة أو باستخدام تدوين الأقواس.

// عرض قيمة خاصية العمر في وحدة تحكم المتصفح // الطريقة الأولى (عبر نقطة) console.log(person.age); // الطريقة الثانية (باستخدام الأقواس) console.log(person["age"]); // استدعاء طريقة getAge؛ سيتم إخراج القيمة التي تُرجعها إلى وحدة التحكم console.log(person.getAge());

يتم استخدام عامل التشغيل typeof للحصول على معلومات حول نوع بيانات التعبير كسلسلة.

بناء جملة عامل التشغيل (الخيار بدون أقواس):

نوع التعبير

نوع بناء جملة عامل التشغيل (باستخدام الأقواس):

نوع(تعبير)

اسم var، العمر = 37، البريد الإلكتروني = " [البريد الإلكتروني محمي]"، isLicense = true، الفائدة: null، lastExperience: (الفترة: "يونيو 2011 - يونيو 2018"، المكان: "ISACA، موسكو"، الموضع: "Web Designer")، getExperience: function() ( return lastExperience.period + " ("+ lastExperience.position + " - " + lastExperience.place + ")"؛ ); نوع الاسم؛ // نوع العمر "غير محدد"؛ // "الرقم" نوع الترخيص؛ // نوع الاهتمام "منطقي"؛ / / "كائن" (1) نوع التجربة الأخيرة؛ // "نوع الكائن" نوع getExperience؛ // "وظيفة" (2) /* (1) هو خطأ موجود في اللغة منذ تطبيقه لأول مرة؛ ولم يتم إصلاحه تم إصلاحه من أجل الحفاظ على التوافق ويجب أخذ ذلك في الاعتبار عند كتابة البرامج النصية؛ null هو نوع بيانات بدائي، وليس كائنًا */ /* (2) - من الملائم جدًا أن يقوم عامل التشغيل typeof بفصل الوظائف بشكل منفصل؛ ولكن الدالة في JavaScipt هي أيضًا كائن؛ يمكن التحقق من ذلك بسهولة عن طريق تنفيذ البناء التالي: */ typeof getExperience.__proto__.__proto__ // "object" (النموذج الأولي للوظيفة هو كائن)

مع إصدار ECMAScript 6، أصبح من الممكن إنشاء ثوابت. يتم ذلك باستخدام الكلمة الأساسية const.

Const COLOR_RED = "#ff0000";

الثابت هو متغير قيمته محمية من التغيير. أولئك. عند محاولة تغيير القيمة، سيتم طرح خطأ.

Const COLOR_RED = "#ff0000"; COLOR_RED = "#f44336"; // خطأ TypeError لم يتم اكتشافه: تعيين لمتغير ثابت.

على سبيل المثال، إذا كان الثابت يحتوي على كائن، فلا يمكن تغييره، أو بالأحرى الإشارة إليه. ولكن يمكن تغيير خصائص هذا الكائن.

ألوان ثابتة = (أحمر: "#ff0000"، أخضر: "#00ff00"، أزرق: "#00ff00") COLORS = ["#ff0000"،"،#00ff00"،"#00ff00"]؛ // خطأ TypeError لم يتم اكتشافه: تعيين لمتغير ثابت. COLORS.green = "#4caf50";

المتغيرات في JavaScript عبارة عن حاويات لتخزين المعلومات المختلفة.

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

يجب أن يكون لكل متغير JavaScript اسم فريد خاص به، والذي يمكن أن يبدأ بحرف لاتيني أو الرمز "_".

يرجى ملاحظة: لا يمكن أن تبدأ أسماء المتغيرات في JavaScript بأرقام.

يرجى ملاحظة: نظرًا لأن JavaScript حساس لحالة الأحرف، فإن المتغيرات التي لها نفس الأسماء المكتوبة بأحرف مختلفة (على سبيل المثال، var وVAR) ستكون متغيرات مختلفة.

غالبًا ما يسمى إنشاء المتغيرات في JavaScript "إعلان"المتغيرات.

يتم الإعلان عن المتغيرات في JavaScript باستخدام الأمر var.

// أنشئ متغيرًا باسم ex1 var ex1; // أنشئ متغيرًا باسم ex2 var ex2;

ستكون المتغيرات التي تم إنشاؤها أعلاه فارغة، أي أننا أنشأنا حاويات، ولكن لم نقم بتحميل أي قيم فيها.

يمكن أيضًا تحميل القيم في الحاويات مباشرةً في وقت الإنشاء، كما في المثال أدناه:

// أنشئ متغيرًا باسم ex1 يحتوي على القيمة 4 var ex1=4; // أنشئ متغيرًا باسم ex2 يحتوي على القيمة 5 var ex2=5;

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

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

//اكتب الرقم 4 في المتغير ex1 var ex1=4; //اكتب الرقم 5 في المتغير ex2 var ex2=5; // إخراج محتويات المتغير ex1 إلى الصفحة document.write(ex1+"
"); // إخراج محتويات المتغير ex2 document.write(ex2+"
"); // تغيير محتويات المتغير ex2 ex2 = 200؛ // إخراج المحتويات الجديدة للمتغير ex2 document.write(ex2);

نظرة سريعة

بالإضافة إلى الأرقام، يمكنك تخزين نص عشوائي في المتغيرات. تسمى المتغيرات التي تخزن النص بمتغيرات السلسلة.

عند كتابة نص إلى متغير، تأكد من وضعه بين علامتي اقتباس مزدوجتين (") أو علامتي اقتباس مفردتين (").

// اكتب السلسلة "مرحبًا بالجميع!" في المتغير السابق var ex="مرحبًا بالجميع!"; // إخراج قيمة المتغير السابق إلى الصفحة document.write(ex);

نظرة سريعة

في JavaScript، يمكنك تعريف المتغيرات باستخدام var أو بدونه.

// أنشئ متغيرًا جديدًا باستخدام var var ex=123; // أنشئ متغيرًا جديدًا بدون var ex2=20;

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

إذا حدث الإعلان في سياق محلي (أي في نص الدالة)، فإن الإعلان باستخدام var ينشئ متغيرًا محليًا (أي متغيرًا سيكون متاحًا فقط في نص هذه الدالة وسيتم تدميره بعد الدالة يتم تنفيذه)، يؤدي الإعلان بدون var إلى إنشاء متغير عام (أي متغير سيكون متاحًا لوظائف أخرى ضمن برنامج نصي معين).

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

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

فار السابق = 123؛ فار السابق؛ document.write(ex); // يطبع 123

إذا كنت تريد حذف متغير في JavaScript ولم يتم الإعلان عنه باستخدام var، فيمكنك استخدام عامل الحذف.

السابق = 123؛ حذف السابقين؛

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

فار السابق = 123؛ ex=null; // أو السابق = غير محدد

التمرين 1 . قم بتصحيح الأخطاء في الكود أدناه:

التمرين 1

فار 33var=33; document.write(33var); وثيقة.كتابة("
"); var str1=مرحبًا بالجميع!; document.write(str1); document.write("
"); فار فار = 288; document.write(var); document.write("
");

المهمة 2. يحتوي الملف الخارجي secred1.js على المتغيرات sec1، sec2، sec3 و sec4، والتي تحتوي على أحرف الكلمة الرمزية (غير مرتبة). قم بتوصيل ملف خارجي ومعرفة كلمة الكود من خلال عرض القيم المتغيرة على الصفحة.

آخر تحديث: 04/05/2018

يتم استخدام المتغيرات لتخزين البيانات في البرنامج. تم تصميم المتغيرات لتخزين بعض البيانات المؤقتة أو البيانات التي يمكن أن تتغير قيمتها أثناء التشغيل. يتم استخدام الكلمات الأساسية var و Let لإنشاء المتغيرات. على سبيل المثال، لنعلن عن المتغير myIncome:

فار myIncome؛ // خيار آخر Let myIncome2;

كل متغير له اسم. الاسم عبارة عن سلسلة عشوائية من الأحرف الأبجدية الرقمية، أو شرطة سفلية (_)، أو علامة الدولار ($)، ويجب ألا تبدأ الأسماء بأحرف رقمية. أي أنه يمكننا استخدام الحروف والأرقام والشرطات السفلية في الاسم. ومع ذلك، جميع الشخصيات الأخرى محظورة.

على سبيل المثال، أسماء المتغيرات الصحيحة هي:

$ عمولة بعض المنتجات المتغيرة_دخل المتجر 2 myIncome_from_deposit

الأسماء التالية غير صحيحة ولا يمكن استخدامها:

222 لول @someVariable my%percent

كما لا يمكنك إعطاء أسماء المتغيرات التي تطابق الكلمات الأساسية المحجوزة. لا يوجد الكثير من الكلمات الرئيسية في JavaScript، لذلك ليس من الصعب اتباع هذه القاعدة. على سبيل المثال، قد يكون الاسم التالي غير صحيح لأن for هي كلمة أساسية في JavaScript:

فار ل؛

قائمة الكلمات المحجوزة في JavaScript:

مجردة، منطقية، استراحة، بايت، حالة، التقاط، شار، فئة، كونست، متابعة، مصحح الأخطاء، افتراضي، حذف، القيام، مزدوج، آخر، تعداد، تصدير، يمتد، خطأ، نهائي، أخيرا، تعويم، ل، وظيفة، انتقل إلى، إذا، تنفذ، استيراد، في، مثيل، int، inteface، طويل، أصلي، جديد، فارغ، حزمة، خاص، محمي، عام، إرجاع، قصير، ثابت، فائق، تبديل، متزامن، هذا، رمي، رميات، عابر، صحيح، حاول، typeof، فار، متقلب، باطل، بينما، مع

عند تسمية المتغيرات، ضع في اعتبارك أن JavaScript هي لغة حساسة لحالة الأحرف، أي أنه يتم الإعلان عن متغيرين مختلفين في الكود التالي:

فار myIncome؛ فار MyIncome؛

يمكنك تعريف عدة متغيرات في وقت واحد، مفصولة بفواصل:

فار myIncome، النسبة المئوية، المبلغ؛ دع أ، ب، ج؛

باستخدام علامة التساوي (وتسمى أيضًا عامل الإسناد)، يمكنك إسناد قيمة إلى متغير:

الدخل المتغير = 300؛ دع السعر = 76؛

تسمى عملية تعيين قيمة أولية للمتغير بالتهيئة.

الآن سيخزن متغير الدخل الرقم 300، وسيخزن متغير السعر الرقم 76.

إن الشيء العظيم في المتغيرات هو أنه يمكننا تغيير قيمتها:

الدخل المتغير = 300؛ الدخل = 400؛ console.log(الدخل); دع السعر = 76؛ السعر = 54؛ console.log(price);

باستخدام الكلمة الأساسية const، يمكنك تحديد ثابت يخزن قيمة، مثل المتغير، ولكن لا يمكن تغيير هذه القيمة.

معدل كونست = 10؛

إذا حاولنا تغيير قيمتها، فسوف نواجه خطأ:

معدل كونست = 10؛ معدل = 23؛ // خطأ، المعدل ثابت، لذا لا يمكننا تغيير قيمته

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

معدل ثابت؛ // خطأ، لم تتم تهيئة المعدل