अपने जावास्क्रिप्ट प्रोग्राम को टाइपस्क्रिप्ट में कैसे पोर्ट करें

आश्चर्यजनक रूप से कम विकास अवधि के बाद 1995 में मूल रूप से जारी किया गया, तब से जावास्क्रिप्ट कई साइटों और ऐप्स का एक अभिन्न अंग बन गया है। आज, जावास्क्रिप्ट को क्लाइंट और सर्वर-साइड एप्लिकेशन दोनों में घर मिल गया है। वर्षों से अनुभव किए गए सभी परिवर्तनों के बावजूद, डेवलपर्स अभी भी बहुत सारी सुविधाओं का अनुरोध करते हैं।

टाइपस्क्रिप्ट एक स्क्रिप्टिंग भाषा है जो लंबे समय से प्रतीक्षित कई सुविधाओं के साथ जावास्क्रिप्ट का विस्तार करती है। उत्पादकता बढ़ाने के लिए बेहतर टूलिंग के साथ टाइप एनोटेशन, कस्टम टाइपिंग और इंटरफेस सभी प्रमुख घटक हैं।

स्विचिंग से परेशान क्यों हैं?

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

जावास्क्रिप्ट ने पिछले कुछ वर्षों को एक प्रमुख प्रोग्रामिंग भाषा के रूप में कर्षण प्राप्त करने में बिताया है। मूल रूप से वेबसाइटों पर केवल फ्रंट-एंड स्क्रिप्टिंग के लिए उपयोग किया जाता है, Node.js की रिलीज़ ने जावास्क्रिप्ट सर्वर को अपनी लोकप्रियता बढ़ाने में मदद की।

हालांकि जावास्क्रिप्ट हाल ही में बहुत अधिक लोकप्रिय हो गया है, लेकिन इसके नवीनतम कार्यान्वयन ES6 में अभी भी बहुत सारी विशेषताएं नहीं हैं। कई डेवलपर्स के लिए, इन सुविधाओं की कमी एक भाषा के रूप में जावास्क्रिप्ट की उपयोगिता को सीमित करती है।

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

पूर्ण टाइपस्क्रिप्ट समर्थन के साथ पहले से ही कई उपकरण और रूपरेखाएँ हैं। कोणीय लंबे समय से इसका उपयोग कर रहा है, और यहां तक ​​कि रिएक्ट में टाइपस्क्रिप्ट को लागू करने के तरीके हैं.

टाइपस्क्रिप्ट जावास्क्रिप्ट एन्हांस्ड की तरह है

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

टाइपस्क्रिप्ट में इंटरफेस, एन्यूमरेशन और टाइप इंट्रेंस भी होते हैं। टाइपस्क्रिप्ट विरासत सुविधाओं के साथ-साथ नवीनतम जावास्क्रिप्ट कार्यान्वयन से सुविधाओं के लिए समर्थन बनाए रखता है, और नई सुविधाओं का एक सूट जोड़ता है।

कुल मिलाकर, टाइपस्क्रिप्ट का ध्यान कोडर्स की सहायता के लिए मजबूत टूलिंग के साथ एक सुरक्षित विकास प्रक्रिया बनाने पर है।

यह टाइप-सेफ कोड को प्रोत्साहित करता है

टाइपस्क्रिप्ट चर प्रकारों को मान्य करने के लिए एक अंतर्निहित टाइप-चेकिंग सिस्टम का उपयोग करता है। इसमें आपकी अपनी कक्षाओं और प्रकारों को परिभाषित करने के विकल्प के साथ मानक प्रकारों का एक सेट शामिल है। प्रकार को स्पष्ट रूप से घोषित किया जा सकता है, या असाइनमेंट के आधार पर अनुमान लगाया जा सकता है।

टाइपस्क्रिप्ट में कई मानक डेटा प्रकार होते हैं, जिनमें स्ट्रिंग्स, संख्याएँ, बूलियन और टुपल्स शामिल हैं। अज्ञात और कोई भी चर प्रकार भी हैं, जो आपको कमजोर टाइप किए गए कोड का उपयोग करने देते हैं।

टाइपस्क्रिप्ट के प्रकार का अनुमान आपको टाइपस्क्रिप्ट के ट्रांसपिलर के माध्यम से चलाकर मानक जावास्क्रिप्ट कोड पर भी टाइप चेक चलाने की अनुमति देता है।

ट्रांसपिलेशन इसे इस्तेमाल करना आसान बनाता है

एक डेवलपर के दृष्टिकोण से, टाइपस्क्रिप्ट की सबसे अच्छी विशेषताओं में से एक यह है कि यह वैनिला जावास्क्रिप्ट को आउटपुट करता है। आप ट्रांसपिलेशन नामक एक प्रक्रिया के माध्यम से टाइपस्क्रिप्ट कोड चला सकते हैं, जो संकलन के समान है।

निष्पादन योग्य होने के बजाय, ट्रांसपिलेशन का परिणाम कोड की मूल भाषा के अलावा किसी अन्य भाषा में एक स्क्रिप्ट है।

टाइपस्क्रिप्ट कोड जावास्क्रिप्ट में ट्रांसपाइल्स करता है जिसे आप सर्वर या क्लाइंट पर चला सकते हैं। यह आपको जल्दी और आसानी से कोड लिखने देता है जिसे आप लगभग किसी भी प्लेटफॉर्म पर चला सकते हैं।

टाइपस्क्रिप्ट डेवलपर उत्पादकता में सहायता करता है

जावास्क्रिप्ट में प्रकार जोड़ना न केवल कोड को सुरक्षित रूप से चलाने की अनुमति देता है, बल्कि यह डेवलपर्स को ऐसे टूल भी प्रदान करता है जो कोडिंग को आसान बनाते हैं। अधिकांश आधुनिक आईडीई टाइपस्क्रिप्ट समर्थन प्रदान करते हैं जो कोड को पूरा करने वाले टूल जैसे IntelliSense को कोड के लिए अतिरिक्त संदर्भ प्रदान करने की अनुमति देता है। यह आपके लिखते समय टाइप चेकिंग भी प्रदान कर सकता है, जिससे आपको अधिक तेज़ी से त्रुटियों को पकड़ने में मदद मिलती है।

इसके अतिरिक्त, टाइपस्क्रिप्ट की अतिरिक्त डेटा संरचनाएँ और सिंटैक्स कोड पठनीयता बढ़ाने के लिए डिज़ाइन किए गए हैं। ये सुविधाएँ उच्च-गुणवत्ता कोड बनाने और संभावित समस्याओं के समस्याग्रस्त होने से पहले उनका पता लगाने को तेज़ और आसान बनाती हैं।

आप अपना कोड कैसे पोर्ट कर सकते हैं?

यदि आप एक नई परियोजना शुरू कर रहे हैं, एक नया टाइपस्क्रिप्ट प्रोजेक्ट बनाना काफी सरल है। हालाँकि, पहले से मौजूद प्रोजेक्ट को टाइपस्क्रिप्ट में बदलना थोड़ा अधिक शामिल है।

अधिकांश सामान्य परिस्थितियों में, एक परियोजना को एक भाषा से दूसरी भाषा में बदलने की संभावना भयावह होती है। हालाँकि, जावास्क्रिप्ट से टाइपस्क्रिप्ट में रूपांतरण आश्चर्यजनक रूप से सरल है।

जावास्क्रिप्ट के सुपरसेट के रूप में टाइपस्क्रिप्ट

टाइपस्क्रिप्ट को जावास्क्रिप्ट का सुपरसेट माना जाता है। इसका मतलब है कि टाइपस्क्रिप्ट सिंटैक्स और कार्यक्षमता की अतिरिक्त परतें जोड़ता है, बिना उस मुख्य कार्यक्षमता को बदले या हटाए जो इसे बनाता है।

डेवलपर्स के लिए, इसका मतलब है कि जावास्क्रिप्ट में ठीक से चलने वाला कोई भी कोड टाइपस्क्रिप्ट में स्वचालित रूप से सही ढंग से चलेगा। चाहे विचाराधीन स्क्रिप्ट NodeJS में चलाने के लिए लिखा गया एक वेब सर्वर हो, या वेब पेज के लिए फ्रंट-एंड स्क्रिप्ट का एक सेट हो, स्विच करना असाधारण रूप से सरल है।

टाइपस्क्रिप्ट ट्रांसपिलर स्थापित करने के बाद, आप एक सरल बना सकते हैं tsconfig.json फ़ाइल निम्न सामग्री के साथ:

{
"संकलक विकल्प": {
"बाहर": "।/निर्माण",
"अनुमति दें": सत्य,
"लक्ष्य": "ES5"
 },
"शामिल करना": ["./src/**/*"]
}

किसी भी लागू फाइल को src डायरेक्टरी में ले जाएं और ट्रांसपिलर चलाएं। यह परिणामी जावास्क्रिप्ट फ़ाइलों को निर्माण निर्देशिका।

ये त्वरित और सरल परिवर्तन एक मानक जावास्क्रिप्ट प्रोजेक्ट को टाइपस्क्रिप्ट प्रोजेक्ट में बदल देंगे। यहां से, आप उन नई सुविधाओं का उपयोग करने के लिए स्वतंत्र हैं जो टाइपस्क्रिप्ट आपके खाली समय में प्रदान करता है। आप चर पर प्रकार की व्याख्या कर सकते हैं, कस्टम प्रकार लागू कर सकते हैं और इंटरफेस को परिभाषित कर सकते हैं।

प्रत्येक स्थानांतरण के बाद, आप आउटपुट का उपयोग कर सकते हैं निर्माण किसी भी प्रोजेक्ट में फ़ाइलों को वैसे ही जोड़कर आवश्यक रूप से डायरेक्टरी बना सकते हैं जैसे आप सामान्य रूप से करते हैं। ट्रांसपिलर चेक मानक जावास्क्रिप्ट टाइप करेगा और नई सुविधाओं को मान्य ES5 स्क्रिप्ट में परिवर्तित करेगा।

JS से TS में जाने के लिए आपको क्या जानना चाहिए

किसी प्रोजेक्ट को जावास्क्रिप्ट से टाइपस्क्रिप्ट में बदलने की प्रक्रिया असाधारण रूप से आसान है। कनवर्ट करना उतना ही सरल है जितना कि डायरेक्टरी स्ट्रक्चर को बदलना, कॉन्फिग फाइल को जोड़ना और ट्रांसपिलर को इंस्टॉल करना।

हालाँकि, नई भाषा से सभी लाभ प्राप्त करना एक बहुत लंबी परियोजना हो सकती है। जबकि टाइपस्क्रिप्ट एक परियोजना में प्रत्येक चर के प्रकार का अनुमान लगा सकता है, इन्हें स्पष्ट रूप से घोषित किया जाना चाहिए। किसी प्रोजेक्ट में वापस जाना और कस्टम प्रकार जोड़ना, उचित एनोटेशन जोड़ना और इंटरफेस बनाना समय लेने वाला हो सकता है।

हालाँकि, इन सुविधाओं को एक परियोजना में जोड़ने से, आपको उचित प्रकार की जाँच और विस्तारित टूलिंग के साथ आने वाले लाभों को पुनः प्राप्त करने की अनुमति मिलेगी। प्रमुख परियोजनाओं का निर्माण तेज और आसान होगा, आप पहले त्रुटियों की पहचान करेंगे, और नए डेवलपर्स के पास आपके कोड को पढ़ने में आसान समय होगा।