JSHint के साथ लिनिंग जावास्क्रिप्ट

linting कंप्यूटर प्रोग्रामिंग की प्रक्रिया है गलत सिंटैक्स, और iffy कोड जैसे मुद्दों का पता लगाने के लिए स्थैतिक विश्लेषण कोड. लाइनिंग के लिए उपयोग किए जाने वाले उपकरण को ए के रूप में जाना जाता है एक प्रकार का वृक्ष या लिंटर. आज जावास्क्रिप्ट के लिए उपलब्ध लिंटर में से एक JSHint है.

JSHint कई प्लेटफार्मों के लिए उपलब्ध है। ऑनलाइन वेब टूल जो हम में से अधिकांश परिचित हैं jshint.com पर है। भी हैं Node.js के माध्यम से कमांड लाइन टूल, ए जावास्क्रिप्ट एपीआई, कई पाठ संपादक, और आईडीई प्लगइन्स JSHint के लिए। आप JSHint वेबसाइट के डाउनलोड और इंस्टॉल पेज में विभिन्न वातावरणों के लिए उपलब्ध JSHint टूल की पूरी सूची देख सकते हैं.

इसकी वेबसाइट के अनुसार, जेएसहिंट टूल का उपयोग करने वाले दो सबसे सामान्य तरीके हैं कमांड लाइन टूल और यह एपीआई. आइए एक नज़र डालते हैं कि कैसे आप दोनों डाउनलोड कर सकते हैं, साथ ही अन्य लिनिंग ऑप्टिओन के साथ उपकरण प्रदान करते हैं.

वाया कमांड लाइन टूल

(1) यदि आपके कंप्यूटर में Node.js स्थापित नहीं है, तो आपको इसकी वेबसाइट पर जाना होगा और इसे पहले डाउनलोड और इंस्टॉल करना होगा। यह जाँचने के लिए कि क्या Node.js सफलतापूर्वक स्थापित किया गया है, आप कमांड चला सकते हैं npm -version कमांड-लाइन इंटरफ़ेस (सीएलआई) में और यह आपके कंप्यूटर में Node.js का संस्करण दिखाएगा (या आप बस कमांड चला सकते हैं NPM और देखें क्या होता है).

(2) JSHint टूल को स्थापित करने के लिए, कमांड चलाएँ npm स्थापित jshint सीएलआई में। यदि आप जांचना चाहते हैं कि जेएसहिंट सफलतापूर्वक स्थापित किया गया है, तो कमांड चलाएं jshint -version इसके संस्करण को देखने के लिए। एक बार यह चरण समाप्त हो जाने पर, स्थापना पूर्ण हो जाती है.

(3) टूल को चलाने के लिए, CLI में डायरेक्टरी पर जाएँ जहाँ आपकी जावास्क्रिप्ट फाइल (कहे) है test.js) है और कमांड चलाएँ jshint test.js. आपके जावास्क्रिप्ट कोड पर टूल के विश्लेषण का परिणाम दिखाई देगा (कुछ इस तरह):

जावास्क्रिप्ट एपीआई

(1) इस GitHub लिंक से संपीड़ित फ़ाइल डाउनलोड करें, और इसे अनज़िप करें। में जिले फ़ोल्डर आपको मिलेगा JSHint JS फ़ाइल (API लाइब्रेरी).

(2) एपीआई का उपयोग करने के लिए, जोड़ें JSHint JS अपने प्रोजेक्ट के लिए फाइल करें और इसे अपने पेज से लिंक करें। एपीआई को फंक्शन / ऑब्जेक्ट नामक जावास्क्रिप्ट कोड में एक्सेस किया जा सकता है JSHint. नीचे एक नमूना HTML कोड है जहाँ JSHint के जावास्क्रिप्ट एपीआई का उपयोग नमूने में मौजूद जावास्क्रिप्ट कोड का विश्लेषण करने के लिए किया जाता है स्रोत सरणी और पृष्ठ पर विश्लेषण के परिणाम प्रदर्शित करते हैं.

(3) हम पास हुए स्रोत जावास्क्रिप्ट स्रोत कोड युक्त सरणी का विश्लेषण किया जाना है और विकल्प लाइनिंग विकल्प युक्त ऑब्जेक्ट (हम इसमें जाएंगे विकल्प जल्द ही) के मापदंडों के रूप में JSHint समारोह। विश्लेषण परिणाम (एक JSON ऑब्जेक्ट) से प्राप्त किया जाता है JSHintफंक्शन प्रॉपर्टी कहते हैं डेटा.

(4) JSON.stringify यहाँ केवल प्रदर्शन के लिए उपयोग किया जाता है, परिणाम से प्रदर्शित करने के लिए डेटा पृष्ठ पर स्ट्रिंग प्रारूप में कार्य करते हैं। सजा हुआ JSON स्ट्रिंग इस तरह दिखता है। हाइलाइट किए गए भाग जेएसहिंट द्वारा सरल वाक्यों में लिखे गए त्रुटियां हैं.

अस्तर के विकल्प

लाइनिंग विकल्प हमें लाइनिंग प्रक्रिया को कॉन्फ़िगर करने देते हैं। हम निर्दिष्ट कर सकते हैं कि किस प्रकार की त्रुटियां या झुनझुनाहट की आवश्यकता है और जो नहीं है। पिछले उदाहरण में दो लाइनिंग विकल्पों का उपयोग किया गया था undef तथा अप्रयुक्त.

undef विकल्प झंडे अघोषित चर, और अप्रयुक्त घोषित किए गए ध्वज चर जिन्हें कभी उपयोग नहीं किया गया। इनकी तरह और भी कई विकल्प हैं, जिन्हें आप इस पृष्ठ की सूची में देख सकते हैं, यदि आप कोई विकल्प खोजना चाहते हैं, तो शीर्ष दाएं कोने में एक खोज पट्टी दी गई है.

यदि आप Node.js के माध्यम से सीएलआई टूल का उपयोग कर रहे हैं, तो आप लाइनिंग विकल्पों को ए के अंदर लिख सकते हैं package.json संपत्ति के तहत फाइल jshintConfig उसी निर्देशिका में। आप जावास्क्रिप्ट कोड में निर्देश के रूप में विकल्प भी जोड़ सकते हैं.

 // - test.js - / * jshint undef: true, unused: true * / foo (); a = 7;

आपके द्वारा उपयोग किए जा रहे टूल के आधार पर आपकी परियोजना में लाइनिंग विकल्पों को कॉन्फ़िगर करने के और भी तरीके हैं। के लिए विभिन्न तरीकों की जाँच करें विन्यास यहाँ.