وصف المعرفة:
عند تعلم 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 أكثر.