المعرفة الأساسية التي يجب تعلمها كل يوم في جافا سكريبت

المفاهيم الأساسية

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

حساسية الموضوع

كل شيء في ECMASCRIPT (بما في ذلك المتغيرات وأسماء الوظائف والمشغلين) حساس للحالة.

1. المتغيرات

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

عدد var ، المبلغ ، المستوى ؛ // إعلانات متعددة تم إعلانها مع كلمة رئيسية VAR واحدة.

تسمية متغيرة

تتضمن الأسماء المتغيرة المتغيرات العالمية ، والمتغيرات المحلية ، ومتغيرات الفئة ، ومعلمات الوظائف ، وما إلى ذلك.

يتكون التسمية المتغيرة من نوع ما بادئة + كلمات ذات مغزى ، ويتم زيادة قابلية قراءة المتغيرات والوظائف عن طريق تسمية الإبل. على سبيل المثال: Susername ، ncount.

مواصفات البادئة:

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

S: يمثل سلسلة. على سبيل المثال: sname ، shtml ؛

N: يمثل رقمًا. على سبيل المثال: npage ، ntotal ؛

ب: يمثل المنطق. على سبيل المثال: bchecked ، bhaslogin ؛

ج: يمثل صفيف. على سبيل المثال: Alist ، Agroup ؛

R: يمثل تعبيرًا منتظمًا. على سبيل المثال: Rdomain ، Remail ؛

F: يمثل وظيفة. على سبيل المثال: fgethtml ، finit ؛

O: يمثل كائنات أخرى غير مذكورة أعلاه ، مثل: Obutton ، Odate ؛

G: يمثل المتغيرات العالمية ، مثل: gusername ، glogintime ؛

JScript هي لغة حساسة للحالة. يجب أن يتبع إنشاء اسم متغير شرعي القواعد التالية:

لاحظ أن الحرف الأول لا يمكن أن يكون رقمًا.

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

JavaScript هي لغة مكتوبة ضعيفة ، ويتجاهل JavaScript المساحات غير الضرورية. يمكنك إضافة مسافات إلى البرنامج النصي لتحسين قابلية القراءة.

VAR هي كلمة محفوظة لـ JavaScript ، مما يشير إلى أن ما يلي هو الوصف المتغير ، والاسم المتغير هو معرف محدد من قبل المستخدم ، ويتم فصل المتغيرات بواسطة الفواصل.

إذا تم الإعلان عن متغير ولكن لم يتم تعيين أي قيمة له ، فإن المتغير موجود وقيمته هي قيمة JScript غير محددة.

الحالات نوع التحويل

في JScript ، يمكن تنفيذ العمليات على أنواع مختلفة من القيم دون القلق بشأن استثناءات من مترجم JScript. بدلاً من ذلك ، يتغير مترجم JScript تلقائيًا (Casts) أحد أنواع البيانات إلى نوع بيانات آخر ثم يقوم بالعملية. على سبيل المثال:

نتائج الحساب

إضافة القيمة إلى السلسلة يلقي القيمة إلى سلسلة.

إضافة القيمة المنطقية إلى السلسلة يلقي القيمة المنطقية إلى سلسلة.

إضافة القيمة الرقمية إلى القيمة المنطقية يلقي القيمة المنطقية إلى قيمة رقمية.

لتحويل سلسلة بشكل صريح إلى عدد صحيح ، استخدم طريقة Parseint. لتحويل سلسلة بشكل صريح إلى رقم ، استخدم طريقة parsefloat.

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

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

خريطة العقل المتغير JS

2. js نوع البيانات

يحتوي JScript على ثلاثة أنواع -> أنواع البيانات الرئيسية ، نوعان -> أنواع البيانات المركبة ونوع بيانات خاصين.

أنواع البيانات الرئيسية (الأساسية)

خيط

قيمة

بول

نوع البيانات المركب (المرجع)

هدف

صفيف

أنواع البيانات الخاصة

باطل

"غير محدد"

نوع بيانات السلسلة: يتم استخدام نوع بيانات السلسلة لتمثيل النص في JScript. في JS ، في حين أن كل من الاقتباسات المزدوجة ("") والاقتباسات الفردية (") يمكن أن تمثل سلاسل ، ولديها اختلاف ضئيل. استخدام علامات الاقتباس المزدوجة (" ") لتمثيل السلاسل يعتبر الأفضل.

قيمة السلسلة عبارة عن سلسلة من الأصفار أو أكثر أحرف Unicode (الحروف والأرقام وعلامات الترقيم) مرتبة معًا.

ما هو Unicode؟

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

نوع البيانات العددية

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

نوع البيانات المنطقية

لا يمكن أن يكون للطراز (المنطقي) قيمتان فقط: صواب أو خطأ.

صفائف JS والأشياء

للحصول على تفاصيل ، يرجى الاطلاع

نوع البيانات الخالية: يمكنك مسح محتوى المتغير عن طريق تعيين قيمة فارغة لمتغير.

سيقوم مشغل typeof في JScript بالإبلاغ عن أن القيمة الفارغة هي نوع الكائن ، وليس كتابة NULL.

 <html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "en"> <head> <meta http-equiv = "content-type" content = "text/html ؛ باطل)؛ </script> </head> <body> </body> </html>

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

نوع البيانات غير المحدد:

سيتم إرجاع القيمة غير المحددة في الموقف التالي:

سمة الكائن غير موجودة.

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

الفرق بين الفارغ وغير المحدد

 تنبيه (نوع غير محدد) ؛ // إخراج "تنبيه غير محدد" (typeof null) ؛ // الإخراج "كائن" تنبيه (null == غير محدد) ؛ // الإخراج "صحيح"

يعتقد Ecmascript أن غير المحدد مشتقًا من NULL ، لذلك يتم تعريفها على قدم المساواة.

 تنبيه (null === undefined) ؛ // الإخراج "false" تنبيه (typeof null == typeof غير محدد) ؛ // الإخراج "خطأ"

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

بالإضافة إلى ذلك ، إليك نوع بيانات مهم نسبيًا - نوع البيانات المرجعية

نوع البيانات المرجعية

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

دعنا نوضح عملية التقتبس من تعيين نوع البيانات

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

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

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

باختصار ، تخزن ذاكرة الكومة القيم المرجعية ، وتخزن ذاكرة المكدس قيم النوع الثابت.

في ECMascript ، يمكن أن يكون للمتغيرات نوعين من القيم ، وهما القيمة الأصلية والقيمة المرجعية.

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

 <script type = "text/javaScript"> var box = new Object () ؛ // إنشاء نوع مرجع var box = "Lee" ؛ // قيمة النوع الأساسي هي مربع السلسلة. // من الغريب إضافة سمات إلى قيم النوع الأساسية ، لأن الكائنات فقط يمكن أن تضيف سمات. تنبيه (box.age) ؛ // إنه ليس نوعًا مرجعيًا ، ولا يمكن إخراجه ؛ </script>

3. JScript مشغلي

الأولوية: يشير إلى ترتيب عمليات المشغلين. من حيث النوع العادي ، هو حساب أي جزء من العملية أولاً.

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

تحويل نوع البيانات ونوع التغليف الأساسي

سلسلة () إلى نوع السلسلة

الرقم () إلى نوع الأرقام

منطقية () إلى نوع منطقي

Parseint: تحويل سلسلة إلى عدد صحيح. ابدأ في التحليل من بداية السلسلة ، وتوقف عن التحليل في أول وضع غير عام ، وإعادة جميع الأعداد الصحيحة التي تقرأها في وقت سابق. إذا لم تبدأ السلسلة مع عدد صحيح ، فسيتم إرجاع NAN. على سبيل المثال: القيمة التي تم إرجاعها بواسطة Parseint ("150 HI") هي: 150 ، والقيمة التي تم إرجاعها بواسطة Parseint ("HI") هي: NAN.

Parsefloat: يحول سلسلة إلى رقم عائم. ابدأ في التحليل من بداية السلسلة ، وتوقف عن التحليل في أول وضع غير عام ، وإعادة جميع الأعداد الصحيحة التي تقرأها في وقت سابق. إذا لم تبدأ السلسلة مع عدد صحيح ، فسيتم إرجاع NAN. على سبيل المثال: يقوم Parsefloat ("15.5 HI") بإرجاع القيمة: 15.5 ، و Parsefloat ("HI 15.5") لإرجاع القيمة: NAN.

eval: يحسب السلسلة كتعبير javaScript ويعيد نتيجة التنفيذ ، ويعود غير محدد إذا لم تكن هناك نتيجة.

نوع التغليف الأساسي

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

 var box = 'TrigKit4' ؛ // box.name = 'mike' ؛ // invalid attribute box.age = function () {// invalid method return 22 ؛ // سمة صالحة box.age = function () {// إرجاع طريقة صالحة 22 ؛} ؛

يحتوي نوع السلسلة على ثلاث خصائص وعدد كبير من الأساليب المدمجة المتاحة

وصف السمة

الطول: إرجاع طول الحرف من السلسلة

مُنشئ: إرجاع الوظيفة التي تنشئ كائن سلسلة

النموذج الأولي: تمديد تعريف السلسلة عن طريق إضافة خصائص وطرق

4.JS التحكم في العملية

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

1. For ... في العبارة تنفذ واحد أو أكثر من العبارات المقابلة لكل من كائن ، أو كل عنصر من عناصر الصفيف.

ل (متغير في [كائن | صفيف])

البيانات

المعلمة:

المتغير: خيار مطلوب. متغير يمكن أن يكون إما سمة كائن أو أي عنصر من عناصر الصفيف.

كائن ، صفيف: اختياري. الكائن أو المصفوفة لاجتيازه.

البيان: اختياري. واحد أو أكثر من العبارات التي سيتم تنفيذها بالنسبة لكل خاصية لكائن أو كل عنصر من عناصر الصفيف. يمكن أن يكون بيان مركب.

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

 إذا (args) تنبيه (args) ؛ // من السهل إلى الأخطاء إذا (args) {Alert (args) ؛ // الموصى بها لاستخدام}

5.js وظيفة

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

يدعم JScript وظيفتين: إحداهما وظيفة داخل اللغة ، والآخر يتم إنشاؤه بمفرده.

لا تسمح وظائف JavaScript بأي معلمات (ولكن لا يمكن حذف قوسين تحتوي على معلمات) ، ويمكن تمرير المعلمات إلى وظائف للاستخدام بواسطة الوظائف.

لمزيد من المعلومات حول الوظائف ، يرجى زيارة مقال آخر من مقالتي: ملخص وظيفة وظيفة JavaScript (IV)

تكوين الأشياء

الطريقة - الوظيفة: الإجرائية ، الديناميكية

السمات - المتغيرات: الحالة ، ثابتة

أخيرًا ، خريطة ذهنية يلخصها كبار السن:

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