تقدم هذه المقالة بناء جملة JavaScript الأساسي (الشائع) للرجوع إليه.
ملخص
اسمحوا لي أولاً أن أتحدث عن كيفية كتابة JavaScript. هناك نوعان ، أحدهما لكتابة JavaScript مباشرة في صفحة HTML ، والآخر موجود في ملف *.js ثم المرجع إليه في الصفحة.
عند الكتابة مباشرة ، يمكنك وضعه في <head> </head> أو <body> </body>. بشكل عام ، يتم وضع الوظائف في منطقة <Head> ، ورمز التنفيذ المحدد في منطقة <Body>. على سبيل المثال ، اكتب في الجسم:
<Body> <script> document.writeln ("haha <br/>") ؛ </script> </body>طريقة اقتباس
<script type = "text/javaScript" src = "js_css/menutree.js"> </script>
أمر التنفيذ ودورة الحياة
يتم تنفيذ/تحليل JavaScript في تسلسل من أعلى إلى أسفل. عند استدعاء وظيفة أو وظيفة ، يجب التأكد من أن الوظيفة قد تم تحليلها/إعلانها. هذا هو السبب أيضًا في وضع تعريف الوظيفة بشكل عام في <head>.
جميع الوظائف والمتغيرات صالحة فقط في هذه الصفحة. بعد مغادرة الصفحة ، لا يمكن الوصول إلى المتغيرات أو الوظائف المعلنة في الصفحة السابقة في الصفحة الجديدة. إذا كان عليك الزيارة ، فيمكنك حفظها باستخدام ملفات تعريف الارتباط وقراءتها في الصفحة التالية.
بناء الجملة - المتغيرات
يبدأ التعريف المتغير بـ VAR ، ويمكنك تحديد متغير. تعتبر تلك الموضوعة في جسم الوظيفة متغيرات محلية ، في حين أن المتغيرات الخارجية هي متغيرات عالمية. تجدر الإشارة إلى أن بناء جملة JavaScript فوضوي للغاية ، وهناك طرق أخرى لتحديد المتغيرات. لكنني آمل ألا يستخدم الجميع بناء جملة فوضوي آخر ، فقط استخدم هذا الجملة الأكثر شيوعًا ، وهو ما يكفي ويوفر عواصف ذهنية.
يحتاج الجميع إلى فهم المتغيرات
(1) المتغيرات من النوع الضعيف ، ويمكن حتى إضافة عدد صحيح مباشرة إلى سلسلة للحصول على سلسلة
(2) ما يسمى المتغيرات العالمية صالحة فقط في الصفحة الحالية. عندما يتم تفريغ الصفحة والقفز إلى صفحة أخرى ، يتم تدمير جميع المتغيرات. تختلف هذه المتغيرات العالمية عن المتغيرات المدمجة للمتصفح (المعروف أيضًا باسم وكيل المستخدم). تحتوي كل صفحة تلقائيًا على كائنات مضمنة مثل النافذة والمستند.
(3) لا تميز بين عروض الأسعار المفردة أو الاقتباسات المزدوجة
<script> // تعريف متغير var nnumofbytes = 10 ؛ var fpercent = 0.32 ؛ var Stryourname = 'Mr. var prect = new Object () ؛ </script>
بناء الجملة - وظيفة
<script> وظيفة gotourl (strurl) {location.href = strurl ؛ } </script>يمكن استدعاء الوظائف في أحداث HTML/Form/JavaScript ، مثل:
HTML Element Event Revent Callback:
<body onload = "gotourl ('// www.vevb.com')">
نموذج رد الاتصال على الحدث العنصر
<select name = "somelist" onChange = "OnSomethingChanged ()">
هدف الارتباط التشعبي
<a href = "javaScript: gotourl ('www.vevb.com')"> اذهب </a>
اتصل مباشرة في JavaScript
<script> gotourl ("www.vevb.com") ؛ </script>بناء الجملة - فئة
بشكل عام ، لا يتطلب JavaScript فئات مخصصة ، مما يعني أنه لا يصل عمومًا إلى هذا المستوى المعقد. لأنها لغة نصية ، فقط اكتب بضع كلمات. أولاً ، من الصعب تصحيح ، وثانياً ، من غير المريح القراءة. ولكن إذا كان عليك كتابة بعض الوظائف المعقدة ، مثل أشجار القائمة ، فيجب عليك كتابة بعض الفئات لإكمالها.
وبالمثل ، تحتوي الفصول أيضًا على تنسيقين محددين في JavaScript. نحن فقط بحاجة إلى معرفة التنسيق التالي. شكل آخر سيء ، لذلك من الأفضل عدم معرفة ذلك.
دعنا نأخذ أولاً واحدة بدون معلمات مُنشئ:
<script> function sampleclass () {// variable interible تعريف this.nid = 10 ؛ // تعريف وظيفة العضو this.plusid = function (nPlus) {return this.nid + nplus ؛ }} </script>فئة أخرى لصنع المعلمات
وظيفة menuitem (l ، h ، t) {this.label = l ؛ this.href = h ؛ this.target = t ؛ this.tohtml = function () {var html = "<a href = '" + this.href + "'" ؛ if (this.target! = null) html + = ("target = '" + this.target + "'") ؛ html + = ">" + this.label + "</a>" ؛ إرجاع HTML ؛ }}إنشاء مثيل للفصل
var item = new menuitem ("haha" ، //www.vevb.com ، null) ؛
بخصوص الفصل ، يرجى ملاحظة النقاط التالية:
(1) لا تكتب فصلًا من الصفر. يرجى نسخها مني ثم تعديلها ، حتى لا تكون هناك مشاكل لا يمكن تفسيرها
(2) للإشارة إلى متغيرات الأعضاء في وظائف الأعضاء ، تأكد من إضافة هذا. ، وإلا فلن يكون المرجع ممكنًا.
(3) إذا كانت وظيفة العضو تريد إرجاع القيمة ، فاستخدم الإرجاع. إذا كنت ترغب في إرجاع أي نوع ، فلن تضطر إلى إعلانه مقدمًا. فقط أعدها مباشرة.
(4) بالنسبة للمبرمجين الذين يتعلمون C ++ و Java ، يجب أن تفهم أن var p = new someclass () ؛ الجديد في هذه الجملة هو في الواقع إنشاء كائن وإعادة مؤشره.
(5) النظر في استخدام فئة الكائن
بناء الجملة - فئة الكائن
بناء جملة JavaScript فوضوي للغاية ، ولغة البرمجة النصية ليست عالية جدًا. على الرغم من أنه يمكنك تخصيص فصل ما ، إلا أنك لا تحتاج إلى إعلان فئة بنفسك. يمكنك استخدام فئة الكائن مباشرة لتحديد بنية دون إعلان شكل هذا الهيكل مقدمًا.
يحب:
دالة createObject () {var obj = new Object () ؛ obj.x = 10 ؛ obj.y = 11 ؛ إرجاع OBJ ؛}رؤية ذلك ، أنشأت هذه الوظيفة بشكل عشوائي كائن ، وإضافة أعضاء x و y ، وعدم إخطار أي شخص (لا يوجد إعلان نموذج أولي). يمكن للمستخدمين أيضًا استدعاء OX و OY مباشرة دون التخمين.
<script> var o = createObject () ؛ document.writeln ("x =" + ox + "، y =" + oy) ؛ </script>لكن لأسباب تتعلق بالسلامة ، يمكن أيضًا كتابتها مثل هذا:
var o = createObject () ؛ if (ox! = null && oy! = null) {document.writeln ("x =" + ox + "، y =" + oy) ؛ }بناء الجملة - صفيف
<script> // إنشاء var a = new array () ؛ // مثال على (var i = 0 ؛ i <a.length ؛ i ++) {var e = a [i] ؛ } // إضافة var item = new menuitem ("000") ؛ this.itemarray.push (item) ؛ </script>كيف تحذف عنصر؟ تذكر أن يعين القيمة مباشرة إلى NULL ، ثم اختبارها ثم إضافتها.
صفيف كمتغير عضو
قائمة الوظائف () {this.itemarray = new array () ؛ this.additem = function (l ، h ، t) {var item = new menuitem (l ، h ، t) ؛ this.itemarray.push (item) ؛ } ؛ }الملخص أعلاه للقواعد الأساسية لـ JavaScript (الموصى بها) هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.