عند كتابة أي كود برمجي، سيكون للمطورين المختلفين آراء مختلفة. ولكن من الجيد دائمًا الرجوع إليها، وإليك أفضل 14 نصيحة لكتابة أكواد JS من Javascript Toolbox ، تمت ترجمتها بواسطة Sofish ( 1 ، 2 ).
1. استخدم دائمًا "var"
في JavaScript، تكون المتغيرات إما ذات نطاق عالمي أو ذات نطاق وظيفي، وسيكون استخدام الكلمة الأساسية "var" هو المفتاح لإبقاء المتغيرات موجزة وواضحة. عند الإعلان عن متغير عمومي أو على مستوى الوظيفة، قم دائمًا بإضافة الكلمة الأساسية "var" في المقدمة. سيسلط المثال التالي الضوء على المشكلات المحتملة لعدم القيام بذلك.
المشاكل الناجمة عن عدم استخدام Var
var i=0; // هذا جيد - ينشئ متغيرًا عامًا
اختبار الوظيفة () {
لـ (i=0; i<10; i++) {
تنبيه("مرحبا بالعالم!");
}
}
امتحان()؛
تنبيه (i)؛ // المتغير الشامل i هو الآن 10!
نظرًا لأن المتغير i في الدالة المتغيرة لا يستخدم var لجعله متغيرًا على مستوى الدالة، فإنه يشير في هذا المثال إلى متغير عام. من الممارسات الشائعة استخدام var دائمًا للإعلان عن المتغيرات العامة، ولكن من الضروري استخدام var لتحديد متغير نطاق الوظيفة. الطريقتان التاليتان متكافئتان وظيفيًا:
الوظيفة الصحيحة
اختبار الوظيفة () {
فار ط=0;
لـ (i=0; i<10; i++) {
تنبيه("مرحبا بالعالم!");
}
}
الوظيفة الصحيحة
اختبار الوظيفة () {
لـ (var i=0; i<10; i++) {
تنبيه("مرحبا بالعالم!");
}
}
2. اكتشاف الميزات بدلاً من اكتشاف المتصفح
تتم كتابة بعض التعليمات البرمجية لاكتشاف إصدار المتصفح وتنفيذ إجراءات مختلفة عليه بناءً على العميل الذي يستخدمه المستخدم. هذه، بشكل عام، ممارسة سيئة للغاية. الطريقة الأفضل هي استخدام اكتشاف الميزات قبل استخدام ميزة متقدمة قد لا تدعمها المتصفحات القديمة، تحقق أولاً مما إذا كان (المتصفح) يحتوي على هذه الوظيفة أو الميزة، ثم استخدمها. ومن الأفضل اكتشاف إصدار المتصفح وحده، حتى لو كنت تعرف أداءه. يمكنك العثور على مقالة متعمقة تناقش هذه المشكلة على http://www.jibbering.com/faq/faq_notes/not_browser_detect.html .
مثال:
إذا (document.getElementById) {
var element = document.getElementById('MyId');
}
آخر {
تنبيه ("متصفحك يفتقر إلى الإمكانيات المطلوبة لتشغيل هذا البرنامج النصي!")؛
}
المصدر: المفضلة السعيدة