Linting JavaScript עם JSHint

Linting תכנות מחשבים הוא תהליך של סטטי ניתוח קוד כדי למצוא בעיות כמו תחביר שגוי, ואם השימוש בקוד. הכלי המשמש עבור linting ידוע בשם מוך או לינטר. אחד המשקופים הזמינים עבור JavaScript היום הוא JSHint.

JSHint זמין עבור פלטפורמות מרובות. כלי מקוון באינטרנט, כי רובנו מכירים הוא ב jshint.com. יש גם את כלי שורת הפקודה באמצעות Node.js, א ממשק API של JavaScript, עורכי טקסט מרובים, ותוספי IDE עבור JSHint. ניתן לראות את הרשימה המלאה של כלי JSHint הזמינים עבור סביבות שונות בדף ההורדה וההתקנה של אתר JSHint.

על פי אתר האינטרנט שלה, שתי הדרכים הנפוצות ביותר בשימוש בכלי JSHint הם כמו כלי שורת הפקודה וה API. בואו נסתכל על איך אתה יכול להוריד להשתמש הן, יחד עם אחרים optionn linting הכלים מספקים.

באמצעות כלי שורת הפקודה

(1) אם אין לך Node.js מותקן במחשב שלך, אז תצטרך ללכת לאתר האינטרנט שלה ולהוריד ולהתקין אותו הראשון. כדי לבדוק אם Node.js הותקן בהצלחה, באפשרותך להפעיל את הפקודה npm-Version בממשק שורת הפקודה (CLI) והוא יראה לך את הגירסה של Node.js במחשב שלך (או שאתה יכול פשוט להפעיל את הפקודה npm ולראות מה קורה).

(2) כדי להתקין את הכלי JSHint, הפעל את הפקודה להתקין את ב CLI. אם ברצונך לבדוק אם JSHint הותקן בהצלחה, הפעל את הפקודה jshint -version לראות את גרסתה. לאחר השלמת שלב זה, ההתקנה הושלמה.

(3) כדי להפעיל את הכלי, עבור לספרייה ב- CLI שבו קובץ ה- JavaScript שלך (נניח test.js) הוא ולהפעיל את הפקודה מבחן jshint. התוצאה של ניתוח הכלי בקוד ה- JavaScript שלך תופיע (משהו כזה):

באמצעות ממשק ה- API של JavaScript

(1) הורד את הקובץ הדחוס מקישור GitHub זה ופתח אותו. בתוך ה Dist תיקייה תמצא את jshint קובץ JS (ספריית ה- API).

(2) כדי להשתמש בממשק ה- API, הוסף את jshint קובץ JS לפרויקט שלך ולקשר אותו לדף שלך. ניתן לגשת לקוד ה- JavaScript בקוד ה- JavaScript באמצעות הפונקציה / האובייקט הנקרא JSHINT. להלן דוגמה לקוד HTML שבו נעשה שימוש בממשק ה- JavaScript של JSHint כדי לנתח את קוד ה- JavaScript הנוכחי ב- מקור מערך ולהציג את תוצאות הניתוח על הדף.

(3) עברנו על פני מקור מערך המכיל את קוד המקור של JavaScript כדי לנתח ו אפשרויות אובייקט המכיל אפשרויות linting (נלך אפשרויות זמן קצר) פרמטרים JSHINT פונקציה. התוצאה ניתוח (אובייקט JSON) הוא הביא JSHINTשל פונקציה נתונים.

(4) JSON.stringify משמש לתצוגה בלבד כאן, כדי להציג את התוצאה המוחזרת מ נתונים פונקציה בפורמט מחרוזת בדף. ה מְיוּפֶּה מחרוזת JSON נראית כך. החלקים המודגשים הם השגיאות שנמצאו על ידי JSHint המנוסחים במשפטים פשוטים.

אפשרויות Linting

אפשרויות הצביעה מאפשרות לנו להגדיר את תהליך המשלוח. אנו יכולים לציין איזה סוג של שגיאות או wandring צריך להיות מוך ואיזה לא. בדוגמה הקודמת שימשו שתי אפשרויות מוך undef ו לא בשימוש.

undef דגלים אופציונליים משתנים לא מפורטים ו לא בשימוש יהיה דגל משתנים שהוכרזו אך מעולם לא נעשה שימוש. כמו אלה יש אפשרויות רבות יותר, כי אתה יכול לראות רשימה של דף זה, אם אתה רוצה לחפש אפשרות, יש סרגל החיפוש המסופק בפינה הימנית העליונה.

אם אתה משתמש בכלי CLI דרך Node.js, אתה יכול לכתוב את אפשרויות linting בתוך חבילה קובץ תחת הנכס jshintConfig באותה ספרייה. ניתן גם להוסיף את האפשרויות כהוראות בקוד ה- JavaScript.

 // - test.js - / * jshint undef: נכון, לא בשימוש: true * / foo (); = 7;

ישנן דרכים נוספות להגדיר אפשרויות Linting בפרוייקט שלך בהתבסס על הכלי שבו אתה משתמש. בדוק את הדרכים השונות תצורה כאן.