سبع احتياطات لتعلم JavaScript [يجب القراءة]

وصف المعرفة:

عند تعلم JavaScript ، انتبه إلى التفاصيل السبعة التالية لتسهيل فهم الكود لدينا وأكثر كفاءة عند تنفيذ نفس الوظيفة.

1. تبسيط الرمز

على سبيل المثال: إنشاء كائن

كان مثل هذا من قبل:

var car = new Object () ؛

car.color = "Red" ؛

Car.Wheels = 4 ؛

car.age = 8 ؛

والآن يمكن كتابته مثل هذا:

var car = {color: 'Red' ، Wheels: 4 ، العمر: 8}

على سبيل المثال: إنشاء صفيف

كان مثل هذا من قبل:

var studentArray = new Array ('Zhangsan' ، 'Lisi' ، 'Zhaowu' ، 'Wuliu') ؛

والآن يمكن كتابته مثل هذا:

var studentArray = {'Zhangsan' ، 'Lisi' ، 'Zhaowu' ، 'Wuliu'} ؛

على سبيل المثال: تبسيط الكود باستخدام العوامل الثلاثية

كانت طريقة الكتابة السابقة:

 var result ؛ if (x> 100) {result = 1 ؛} else {result = -1 ؛}

والآن يمكن كتابته على النحو التالي:

var result = x> 100؟ 1: -1 ؛

2. استخدم JSON كتنسيق البيانات

استخدم تنسيق JSON لتخزين البيانات:

 var band = {"name": "The Red Hot Chili Peppers" ، "Member": [{"name": "Anthony Kiedis" ، "Come": "Lead Congals"} ، {"name": {"الاسم": "John Frusciante" ، "الدور": "الرصاص الجيتار"}] ، "السنة": "2009"}

يمكنك أيضًا استخدام JS لتخزين البيانات ، الرمز هو كما يلي:

 <div id = "datadiv"> </viv> <script> وظيفة SaveData (data) {var out = "<ul>" ؛ لـ (var i = 0 ؛ i <data.length ؛ i ++) {out+= "<li> <a href =" ''+data [i] .url+'">+data [i] .d+</a> </li>" ؛ out+=' </ul> '؛ document.getElementByid (' datadiv '). innerhtml = out ؛

يمكنك حتى استخدام بيانات التخزين التي تم إنشاؤها بواسطة JS أعلاه كقيمة إرجاع API

<script src = "http://feeds.delicious.com/v2/json/codepo8/javaScript؟count=15&callback=delicious">

</script>

3. حاول استخدام وظائف JavaScript الأصلية

على سبيل المثال: احصل على أقصى قيمة في مجموعة من البيانات

var maxdata = Math.Max (0،20،50،10) ؛

تنبيه (maxdata) ؛ // الحد الأقصى الذي تم إرجاعه هو 50

على سبيل المثال: استخدم JS لإضافة نمط الفئة إلى عنصر ما ، فإن مقتطف الرمز كما يلي:

 وظيفة addClass (elm ، newClass) {var classes = elm.classname.split ('') ؛ classes.push (NewClass) ؛ elmmclassname = classes.join ('') ؛}

4

على سبيل المثال:

 <h2> موارد الويب الرائعة </h2> <ul id = "resources"> <li> <A Href = "http://opera.com/wsc" href = "http://alistapart.com"> قائمة منفصلة </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> <li> <li> <li> <li> <li> <li> <li> <li> <li> href = "http://oddlyspecific.com"> محددة بشكل غريب </a> </li> </ul>

أفضل طريقة لكتابة البرامج النصية:

 (function () {var resources = document.getElementById ('Resources') ؛ Resources.AdDeventListener ('click' ، handler ، false) ؛ false) ؛ fastr handler (e) {var x = e.target ؛ // الحصول على الرابط tha tha if (x.nodename.tolowercase () === 'a') } ؛}) () ؛

خامسا وظائف مجهولة

 var myapplication = function () {var name = 'chris' ؛ var age = '34' ؛ var status = 'Single' ؛ وظيفة CreateMember () {// [...]} وظيفة getMemberDetails () {// [...]} إرجاع {create: creatember ، get: getMemberDetails}} () ؛ // myapplication.get () و myapplication.create () الآن.

6. يمكن تكوين الرمز

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

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

2. قم بتخزين جميع الأشياء التي قد يرغب الآخرون في تغييرها في كائن التكوين ، مثل معرف CSS ، اسم الفصل ، اللغة ، إلخ.

3. أعد هذا الكائن كعقار عام حتى يتمكن الآخرون من إعادة كتابته.

7. توافق الكود

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

الاحتياطات السبعة المذكورة أعلاه لتعلم JavaScript [Must-Read] كلها المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.