مقدمة
يتم استخدام JShint لتحليل والتحقق من أن رمز JavaScript يتوافق مع قواعد الترميز الخاصة بك. يمكن أن تساعد هذه الأداة القوية في اكتشاف الأخطاء والمشاكل في الكود الخاص بك ، وهي تجبر فريقك على الحفاظ على بعض اتفاقيات الترميز والأساليب ، مما يجعل الكود موثوقًا به وأسهل في القراءة.
في هذه المقالة ، سأريك كيفية تثبيت وتكوين واستخدام JShint. كما تم تضمين مثال يسرد بعض المحررين المفضلين لدي الذين يمكنهم استخدام JShint.
تثبيت JShint
يعد تثبيت JShint أمرًا سهلًا للغاية ، يمكنك استخدام Manager Node Package Manager (NPM). إذا لم تكن قد قمت بتثبيت NPM بعد ، فيمكنك تنزيل أحدث إصدار من موقع NodeJS لتثبيت Node.js و NPM.
بمجرد تثبيت NPM ، يمكنك استخدام الأمر التالي لتثبيت JShint:
NPM تثبيت JShint -g
تخبر المعلمة -g npm أننا نريد تثبيت عالميًا حتى نتمكن من استدعاء هذا الأمر في أي دليل.
تحقق من الرمز عبر سطر الأوامر
الآن بعد تثبيت JShint ، دعنا نستخدم jshint في سطر الأوامر لتحليل ملف رمز JavaScript.
فيما يلي ملف يحتوي على اسم الملف demo1.json:
نستخدم الأمر التالي لتحليل الرمز:
JShint DEMO1.JS
يخبرنا JShint أن هناك خطأ في السطر 8 من ملف Demo1.js ، والسبب: فصحت الفاصلة الفاصلة.
إذا ملأنا Semicolon المفقود وقمنا بتشغيل هذا الأمر مرة أخرى ، فلن يكون هناك إخراج رسالة خطأ.
تكوين JShint
لدى JShint تكوين افتراضي لتحليل الكود الخاص بك ، ولكن إعدادات التكوين الخاصة بها مصممة لتكون مرنة للغاية. هناك أربع طرق لتوفير ملفات معالجة التكوين لـ JShint.
طريقة واحدة هي استخدام المعلمة --config لتحديد ملف التكوين:
JShint Demo1.JS -Config config.json
هناك طريقة أخرى تتمثل في وضع التكوين في ملف يسمى .jshintrc ، لأن JShint سوف يبحث عن ملف التكوين هذا في نفس الدليل لتحليل الكود. إذا لم يتم العثور عليها ، فسيستمر ذلك في البحث عن الدليل العلوي حتى الدليل الجذر ، والذي يسمح لنا بتعيين ملفات تكوين مختلفة للمشروع.
الطريقة الثالثة هي وضع معلومات التكوين ضمن خاصية JShintConfig لملف package.json.
في أي من هذه الطرق الثلاث ، تكون معلومات التكوين هي تنسيق JSON لتحديد كل معلمة لمعرفة خيار JSHINT ليكون قيد التشغيل أو إيقاف تشغيله. على سبيل المثال: "غير مستخدمة" و "undef" في ملف التكوين التالي هو تنشيط الإنذارات للمتغيرات غير المستخدمة وغير المحددة. "مجعد" يتطلب منك دائمًا وضع الأقواس على الحلقات والكتل المشروطة. "eqeqeq" يعني أنه == و! = محظور ، ولكن يجب استخدامه === و! ==. يتم استخدام "Globals" لتحديد القائمة البيضاء من المتغيرات العالمية التي لم يتم تعريفها في الكود.
الطريقة الرابعة هي كتابة معلومات التكوين في ملف الرمز في التعليق التوضيحي.
يمكنك عرض خيارات التكوين المختلفة للتحكم في سلوك JShint.
مثال صغير
بعد ذلك ، دعنا نعمل على الخيارات في ملف تكوين config.json المذكور أعلاه. لنفترض أن لدينا ملف JavaScript أدناه ، وهو مجرد جزء صغير من التعليمات البرمجية للتعلم فقط.
إذا قمنا بتنفيذ JShint Command demo2.js --config config.json ، فسوف نحصل على النتيجة التالية:
هناك 4 أخطاء في الكود لدينا. على السطر 9 ، يطالب JShint بأنه يجب لف كتلة الكود "if" في أقواس. يتم تعريف subscription_id ولكن غير مستخدم. في الأسطر 9 و 11 ، لم يتم تعريف "تأكيد" و "وحدة التحكم".
يمكننا تجنب أول خطأين مع تعديل قليل:
الآن ، دعنا نضيف خيار تطوير في ملف config.json وقم بتعيينه على TRUE حتى يتمكن JShint من التعرف على "تأكيد" و "وحدة تحكم".
في هذه المرحلة ، إذا قمنا بتشغيل أمر JSHINT مرة أخرى ، فلن تكون هناك أخطاء.
لخص
JShint هي أداة جيدة جدًا لتقليل أخطاء التعليمات البرمجية. يقدم العديد من المحررين دعم JShint. يمكن للأصدقاء المهتمين فقط بمزيد من دراسة JShint. ما سبق هو كل شيء عن استخدام JShint لتقليل أخطاء JavaScript. آمل أن يكون من المفيد لكل شخص يستخدم JavaScript.