أسلوب ترميز جافا سكريبت

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

لكل لغة مجموعة من القواعد عندما يتعلق الأمر بالصياغة.

عند البدء ، قد يضيف بعض الأشخاص رمزًا إلى ملف يتبع دون خرق قواعد اللغة ، ولكن دون الاهتمام بالبرمجة والاهتمام بهانمط.

ليس لأنهم لا يهتمون بالأسلوب ، فهم ليسوا من ذوي الخبرة الكافية للتعرف على أهميته.

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

لدينا بعض القواعد الصالحة في جميع لغات البرمجة.

أسلوب الترميز هو ملفالاتفاق مع نفسك ومع فريقك، للحفاظ على الاتساق في المشروع.

إذا لم يكن لديك فريق ، فسيكوناتفاق معك، للحفاظ دائمًا على كودك وفقًا لمعاييرك.

يساعد وجود قواعد ثابتة على تنسيق كتابة التعليمات البرمجية لديك كثيرًا من أجل الحصول على ملفكود أكثر قابلية للقراءة والإدارة.

هناك عدد غير قليل منهم حولها ، وهنا أكثر 2 أكثر شيوعًا فيJavaScriptالعالمية:

الأمر متروك لك في اتباع أحد هؤلاء ، أو إنشاء دليل أسلوب خاص بك.

كن متسقًا مع المشروع الذي تعمل عليه

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

قد يتبع مشروع مفتوح المصدر على GitHub مجموعة من القواعد ، وقد يتبع مشروع آخر تعمل عليه مع فريق مشروعًا مختلفًا تمامًا.

أجملهي أداة رائعة تفرض تنسيق الشفرة ، استخدمها.

تفضيلاتي الخاصة

وجهة نظري في أسلوب JavaScript هي:

استخدم دائمًا أحدث إصدار من ES. استخدم Babel إذا كان دعم المتصفح القديم ضروريًا.

المسافة الفارغة: استخدم المسافات بدلاً من علامات الجدولة ، والمسافة البادئة باستخدام مسافتين.

فاصلة منقوطة: لا تستخدم الفاصلة المنقوطة.

طول الخط: حاول قطع الخطوط عند 80 حرفًا ، إن أمكن.

التعليقات المضمنة: استخدم التعليقات المضمنة في التعليمات البرمجية الخاصة بك. استخدم حظر التعليقات فقط للتوثيق.

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

التعليق فقط عندما يكون مفيدا: لا تضف تعليقات لا تساعد في فهم ما تفعله الشفرة. إذا كان الكود يشرح ذاتيًا من خلال استخدام متغير جيد وتسمية وظيفية وتعليقات دالة JSDoc ، فلا تضف تعليقًا.

إقرارات متغيرة: قم دائمًا بتعريف المتغيرات لتجنب تلويث الكائن العالمي. لم أستعمل أبداvar. افتراضي إلىconst، فقط استخدمletإذا قمت بإعادة تعيين المتغير.

المهام: استخدم دوال الأسهم ما لم يكن لديك سبب محدد لاستخدام الوظائف العادية ، مثل طرق الكائن أو المنشئات ، بسبب الكيفيةthisيعمل. قم بتعريفها على أنها ثابتة ، واستخدم عوائد ضمنية إن أمكن.

const test = (a, b) => a + b

const another = a => a + 2

لا تتردد في استخدام الوظائف المتداخلة لإخفاء الوظائف المساعدة لبقية الكود.

الأسماء: دائمًا ما تبدأ أسماء الوظائف وأسماء المتغيرات وأسماء العمليات بحرف صغير (ما لم تحددها على أنها خاصة ، اقرأ أدناه) ، وتكون باسم camelCased. يجب أن تبدأ فقط دوال المُنشئ وأسماء الفئات بأحرف كبيرة. إذا كنت تستخدم إطار عمل يتطلب أعرافًا محددة ، فغيّر عاداتك وفقًا لذلك. يجب أن تكون أسماء الملفات كلها بأحرف صغيرة ، مع فصل الكلمات بامتداد-.

التنسيقات والقواعد الخاصة بالبيان:

لو

if (condition) {
  statements
}

if (condition) { statements } else { statements }

if (condition) { statements } else if (condition) { statements } else { statements }

بالنسبة

قم دائمًا بتهيئة الطول في التهيئة لتخزينه مؤقتًا ، ولا تقم بإدخاله في الحالة.

تجنب استخدامfor inما عدا مع استخدامها بالتزامن مع.hasOwnProperty(). يفضلfor of(نرىحلقات جافا سكريبت)

for (initialization; condition; update) {
  statements
}

في حين

while (condition) {
  statements
}

فعل

do {
  statements
} while (condition);

تحول

switch (expression) {
  case expression:
    statements
  default:
    statements
}

يحاول

try {
  statements
} catch (variable) {
  statements
}

try { statements } catch (variable) { statements } finally { statements }

مسافة بيضاء: استخدم المسافة البيضاء بحكمة لتحسين إمكانية القراءة: ضع مسافة بيضاء بعد الكلمة الأساسية متبوعة بـ a(؛ قبل وبعد عملية ثنائية (+و-و/و*و&&..)؛ داخل بيان for ، بعد كل;لفصل كل جزء من البيان ؛ بعد كل,.

خطوط جديدة: استخدم أسطرًا جديدة لفصل كتل التعليمات البرمجية التي تؤدي عمليات مرتبطة منطقياً.

يقتبستفضل الاقتباسات المفردة'بدلا من الاقتباس المزدوج". علامات الاقتباس المزدوجة هي معيار في سمات HTML ، لذا فإن استخدام علامات الاقتباس الفردية يساعد في إزالة المشاكل عند التعامل مع سلاسل HTML. يستخدمالنموذج الحرفيعند الاقتضاء بدلاً من الاستيفاء المتغير.


المزيد من دروس js: