रीसर्पर 8.1 में नया जावास्क्रिप्ट सपोर्ट फीचर

जावास्क्रिप्ट भाषा की लगातार बढ़ती लोकप्रियता के कारण, हम ReSharper में इसके समर्थन में सुधार जारी रखते हैं। नीचे मैं कुछ तंत्रों को प्रदर्शित करना चाहूंगा जिनके द्वारा ReSharper 8.1 जावास्क्रिप्ट विकास को तेज और सुरक्षित बनाता है।

टाइपस्क्रिप्ट के माध्यम से संवर्धित स्वतः पूर्ण

"शुद्ध" जावास्क्रिप्ट के साथ काम करने की प्रक्रिया में, हमें प्रोजेक्ट में टाइपस्क्रिप्ट भाषा से टाइप परिभाषाएँ जोड़कर ReSharper में ऑटो-पूर्ति के लिए समर्थन में काफी सुधार करने का अवसर मिला। इस कार्यक्षमता को सक्षम करने के लिए, आपको बस NuGet डायरेक्टरी में उचित निश्चित रूप से टाइप किए गए पैकेज को खोजने और इसे स्थापित करने की आवश्यकता है:

टाइपस्क्रिप्ट एनोटेशन की अनुपस्थिति में, ReSharper में ऑटो-कम्पलीट मैकेनिज्म सीमित है जो कि जावास्क्रिप्ट फाइल से ही आउटपुट कर सकता है। चूंकि जेएस एक गतिशील रूप से टाइप की जाने वाली भाषा है, इसलिए आयातित पात्रों और उनके बीच संबंधों के बारे में पूरी जानकारी प्राप्त करना हमेशा संभव नहीं होता है। इसलिए, प्रदर्शित तत्वों (जो ऑटो-पूर्ण विंडो में बोल्ड में हाइलाइट किए गए हैं) के अलावा, ReSharper सभी वर्णों के सभी गुणों को भी दिखाता है जो समाधान में हैं। इस मामले में, यह समझना डेवलपर की जिम्मेदारी है कि क्या किसी विशेष तत्व के पास एक विशेष संपत्ति या फ़ंक्शन है, और यह स्थिति, दुर्भाग्य से, अतिरिक्त समस्याओं का स्रोत हो सकती है।

यदि हम उदाहरण के लिए, underscore.js - ReSharper _ प्रतीक (अंडरस्कोर) के गुणों को प्रदर्शित करने में सक्षम नहीं हैं, और, तदनुसार, उपयोगकर्ता को सभी संभावित पहचानकर्ताओं से चुनने की आवश्यकता है। इसके अलावा, फ़ंक्शन मापदंडों के बारे में जानकारी भी उपलब्ध नहीं है:

लेकिन जब हम *.d.ts फ़ाइल से जोरदार टाइप की गई परिभाषाएँ *.d.ts हैं, तो ReSharper उन तत्वों को उजागर कर सकता है जिन्हें _ प्रतीक के लिए अनुमति दी जाती है, जो त्रुटि के जोखिम को कम करता है:

इसके अलावा, ReSharper अब फ़ंक्शन मापदंडों के बारे में जानकारी दिखा सकता है:

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

स्ट्रक्चर्ड सर्च एंड रिप्लेसिंग मेकेनिज्म (स्ट्रक्चरसर्चर्च एंड रिप्लेस, एसएसआर) डिवेलपर को सर्च सर्च को तयशुदा सर्च स्ट्रिंग्स या रेगुलर एक्सप्रेशंस से नहीं, बल्कि स्ट्रक्चरल कोड डेफिनेशन के द्वारा करने की अनुमति देता है, जिसमें वेरिएबल नेम, लिटरल आदि निकाले जा सकते हैं। और अब यह तंत्र जावास्क्रिप्ट भाषा के लिए उपलब्ध है।

आइए एक एकल संपत्ति के असाइनमेंट के साथ वस्तुओं की घोषणा के लिए खोज के उदाहरण के साथ शुरू करें:

किसी भी वर्ण को खोजने के लिए ऊपर दिए गए टेम्पलेट में नाम तत्व का प्रकार होता है जो चर या संपत्ति के नाम की तरह दिखता है। तदनुसार, परिणाम खोजें विंडो हमें कोड में उन सभी स्थानों की सूची देती है जहां इस टेम्पलेट से मेल खाने वाले तत्व पाए गए थे।

बेशक, टेम्पलेट्स द्वारा कोड की खोज केवल आधा है जो एसएसआर कर सकता है, क्योंकि आप अभी भी इसे बदल सकते हैं। उदाहरण के लिए, मान लें कि आप Array का उपयोग करके सभी घोषणाओं को वर्गाकार कोष्ठकों से प्रतिस्थापित करने का निर्णय लेते हैं। यहां इसके लिए एक टेम्प्लेट को परिभाषित करने का तरीका बताया गया है:

$args$ $ चर के लिए, यह टेम्पलेट किसी भी प्रकार के तर्कों के लेबल प्रकार का उपयोग करता है , जो फ़ंक्शन तर्कों के एक समूह का प्रतिनिधित्व करता है।

मैं जोर देना चाहता हूं कि एसएसआर तंत्र शब्दार्थिक रूप से संवेदनशील है । यहां, उदाहरण के लिए: जब $x$ > 100 की स्थिति की खोज की जाती है $x$ > 100 तो SSR तंत्र को भी पता चलेगा कि if (100 >= x)

एक ही भावना में, उपसर्ग और उपसर्ग संचालकों को विनिमेय माना जाता है , बशर्ते, कि उनके परिणामी मान कहीं भी लिखे न हों:

कृपया, ध्यान दें कि SSR तंत्र टोकन को अनदेखा करता है जो कार्यक्रम के व्यवहार को प्रभावित नहीं करता है , जैसे कि कोष्ठक या ब्रेस या अर्धविराम:

ठीक है, निश्चित रूप से, मौजूदा कोड से सीधे एसएसआर टेम्पलेट उत्पन्न करना संभव है:

FileStructure विंडो में सुधार

जावास्क्रिप्ट भाषा की मुख्य समस्याओं में से एक जेएस कोड के एक टुकड़े की संगठनात्मक संरचना को समझना है। इस प्रक्रिया को सरल बनाने के लिए, जावास्क्रिप्ट और टाइपस्क्रिप्ट कोड दोनों की प्रस्तुति को सरल बनाने के लिए FileStructure विंडो को फिर से डिज़ाइन किया गया है। आइए इस उपयोगी विंडो की कुछ विशेषताओं को देखें।

शुरू करने के लिए, ReSharper ने फ़ंक्शन नामों को घोषणाओं या चर नामों से प्राप्त करना सीखा:

जब वे कोड में स्पष्ट रूप से निर्दिष्ट नहीं होते हैं, तो ReSharper प्रलेखन से तत्व नामों को निर्धारित करने में सक्षम होता है:

FileStructure विंडो अतिरिक्त फ़ंक्शन तर्क को उजागर करने के लिए दीर्घवृत्त (...) का उपयोग करती है । नीचे दिए गए उदाहरण में, ReSharper देखता है कि varArgsFunction arguments के मूल्य का उपयोग करता arguments :

कुछ फ़ंक्शन कॉल, वास्तव में, उच्च-स्तरीय निर्माण - मॉड्यूल हैं । ReSharper इन संरचनाओं की पहचान करने और उनके तत्वों को प्रस्तुत करने की कोशिश करता है: निजी और निर्यात दोनों। ध्यान दें कि कंस्ट्रक्टर के लिए, हम इसके क्षेत्र भी प्रदर्शित करते हैं:

तत्वों का उपयोग कर स्मार्ट खोज

हमने अपने टाइपस्क्रिप्ट ब्लॉग पोस्ट में इस सुविधा के बारे में पहले ही लिखा था, लेकिन यह फिर से ध्यान देने योग्य है: ReSharper 8.1 ने स्मार्टयूजेज खोज नामक एक नई सुविधा शुरू की। एक संपत्ति की खोज की प्रक्रिया में, उदाहरण के लिए, ReSharper साधारण उपयोग के मामलों और तथाकथित दोनों को पा सकता है। "स्मार्ट" का उपयोग करता है - अर्थात, नॉनवेट्रिकल प्रकार के इंजेक्शन के मामले। अंतिम परिणाम नीचे प्रस्तुत किया गया है - ध्यान दें कि यह सुविधा जावास्क्रिप्ट और टाइपस्क्रिप्ट दोनों के लिए उपलब्ध है:

खैर, अभी के लिए बस इतना ही

हमें उम्मीद है कि आप इस पोस्ट में वर्णित नई कार्यक्षमता का आनंद लेंगे। हम ReSharper में जावास्क्रिप्ट और टाइपस्क्रिप्ट का समर्थन करने के लिए काम करना जारी रख रहे हैं, इसलिए बहुत जल्द अन्य नई और दिलचस्प विशेषताएं होंगी। जल्द मिलते हैं!