TypeScript क्या है? (What is TypeScript?)
TypeScript एक ओपन-सोर्स प्रोग्रामिंग भाषा है जो JavaScript का सुपरसेट है। इसका मतलब है कि TypeScript में JavaScript के सभी फीचर्स शामिल हैं, साथ ही इसमें कुछ अतिरिक्त टाइपिंग और टूलिंग फीचर्स भी हैं जो कोड को अधिक मजबूत और त्रुटि-मुक्त बनाते हैं। TypeScript का मुख्य उद्देश्य बड़े और जटिल कोडबेस को अधिक प्रबंधनीय बनाना है।
TypeScript की विशेषताएं (Features of TypeScript)
1. Static Typing: TypeScript में आप टाइप्स को पहले से निर्धारित कर सकते हैं, जिससे रनटाइम एरर्स की संभावना कम हो जाती है। उदाहरण के लिए:
2. Compilation: TypeScript को JavaScript में कंपाइल किया जाता है, जिससे ब्राउज़र या Node.js में इसका उपयोग किया जा सकता है। यह सुनिश्चित करता है कि TypeScript कोड किसी भी JavaScript इंजन के साथ संगत है।
3. Object-Oriented Programming (OOP): TypeScript ओओपी फीचर्स जैसे क्लासेस, इंटरफेसेस, और इनहेरिटेंस को सपोर्ट करता है, जिससे कोड को अधिक संरचित और व्यवस्थित तरीके से लिखा जा सकता है।
4. Tooling: TypeScript के साथ आपको बेहतर कोड एडिटिंग और नेविगेशन टूल्स मिलते हैं, जैसे IntelliSense, ऑटो-कम्प्लीशन, और रेफैक्टरिंग टूल्स।
TypeScript का उपयोग क्यों करें? (Why Use TypeScript?)
TypeScript का उपयोग करने के कई कारण हैं:
- बड़े प्रोजेक्ट्स में स्केलेबिलिटी: TypeScript बड़े कोडबेस को प्रबंधित करने में मदद करता है, जिससे डेवलपर्स को कोड में त्रुटियों को जल्दी पकड़ने में मदद मिलती है।
- बेहतर कोड क्वालिटी: टाइप्स और अन्य एडवांस्ड फीचर्स की वजह से, TypeScript कोड की गुणवत्ता में सुधार करता है।
- कम्युनिटी सपोर्ट: TypeScript का एक बड़ा और सक्रिय समुदाय है, जो निरंतर सुधार और अपडेट्स के लिए योगदान देता है।
TypeScript और JavaScript में अंतर (Differences between TypeScript and JavaScript)
TypeScript और JavaScript दोनों ही वेब डेवलपमेंट के लिए महत्वपूर्ण भाषाएं हैं, लेकिन इनके बीच कई महत्वपूर्ण अंतर हैं जो उन्हें अलग बनाते हैं। यहां हम इन दोनों भाषाओं के बीच के कुछ मुख्य अंतर पर चर्चा करेंगे:
1. टाइपिंग सिस्टम (Typing System)
TypeScript: Static Typing का उपयोग करता है, यानी कि टाइप्स (जैसे string, number, boolean) को पहले से निर्धारित किया जा सकता है।
- JavaScript: Dynamic Typing का उपयोग करता है, यानी कि टाइप्स रनटाइम के दौरान निर्धारित होते हैं।
2. कोड ट्रांसपाइलिंग (Code Transpiling)
- TypeScript: TypeScript कोड को JavaScript में ट्रांसपाइल किया जाता है ताकि इसे ब्राउज़र या Node.js द्वारा चलाया जा सके।
- JavaScript: JavaScript को किसी ट्रांसपाइलिंग की आवश्यकता नहीं होती, क्योंकि यह सीधे ब्राउज़र और Node.js में चल सकता है।
3. ओओपी फीचर्स (OOP Features)
- TypeScript: Object-Oriented Programming (OOP) फीचर्स को सपोर्ट करता है, जैसे क्लासेस, इंटरफेसेस, और इनहेरिटेंस।
- JavaScript: हालांकि ES6 से JavaScript में क्लासेस को इंट्रोड्यूस किया गया है, लेकिन यह पूरी तरह से स्टेटिकली टाइप्ड ओओपी सपोर्ट नहीं करता है।
4. टूलिंग और एडिटिंग (Tooling and Editing)
- TypeScript: बेहतर टूलिंग और एडिटिंग सपोर्ट के साथ आता है, जैसे IntelliSense, ऑटो-कम्प्लीशन, और रेफैक्टरिंग टूल्स।
- JavaScript: JavaScript भी अच्छे टूल्स और एडिटर्स के साथ आता है, लेकिन TypeScript के स्टेटिक टाइपिंग की वजह से एडिटिंग और डिबगिंग में अधिक सहूलियत मिलती है।
5. एरर चेकिंग (Error Checking)
- TypeScript: TypeScript कंपाइल-टाइम एरर चेकिंग प्रदान करता है, जिससे एरर्स को रनटाइम से पहले ही पकड़ लिया जाता है।
- JavaScript: JavaScript में एरर्स को केवल रनटाइम के दौरान ही पकड़ जा सकता है।
6. समर्पित टाइप्स (Dedicated Types)
- TypeScript: TypeScript में समर्पित टाइप्स होते हैं, जिससे कोड अधिक सुरक्षित और त्रुटि-मुक्त होता है।
- JavaScript: JavaScript में टाइप्स को डायनामिक रूप से सेट किया जाता है, जिससे टाइप संबंधित एरर्स अधिक हो सकते हैं।
TypeScript का सेटअप (Setting up TypeScript)
TypeScript का सेटअप बहुत ही आसान है और आप इसे कुछ सरल चरणों का पालन करके अपने सिस्टम पर स्थापित कर सकते हैं। यहाँ हम TypeScript को सेटअप करने की पूरी प्रक्रिया देखेंगे।
1. Node.js और NPM इंस्टॉल करें (Install Node.js and NPM)
TypeScript को इंस्टॉल करने के लिए, सबसे पहले आपको Node.js और NPM (Node Package Manager) को अपने सिस्टम पर इंस्टॉल करना होगा। आप इसे Node.js की आधिकारिक वेबसाइट से डाउनलोड और इंस्टॉल कर सकते हैं।
2. TypeScript को ग्लोबली इंस्टॉल करें (Install TypeScript Globally)
TypeScript को ग्लोबली इंस्टॉल करने के लिए, निम्नलिखित कमांड का उपयोग करें:
इस कमांड के बाद, आपके सिस्टम पर tsc (TypeScript Compiler) कमांड उपलब्ध हो जाएगी।
3. TypeScript प्रोजेक्ट सेटअप करें (Setting Up a TypeScript Project)
अब हम एक TypeScript प्रोजेक्ट सेटअप करेंगे:
3.1 प्रोजेक्ट डायरेक्टरी बनाएँ (Create Project Directory)
सबसे पहले, एक नई डायरेक्टरी बनाएँ और उसमें जाएँ:
3.2 NPM इनिशियलाइज़ करें (Initialize NPM)
अब अपने प्रोजेक्ट को NPM के साथ इनिशियलाइज़ करें:
यह एक package.json फ़ाइल बनाएगा जो आपके प्रोजेक्ट की डिपेंडेंसीज़ को मैनेज करेगा।
3.3 TypeScript को प्रोजेक्ट में इंस्टॉल करें (Install TypeScript in Project)
प्रोजेक्ट में TypeScript को इंस्टॉल करने के लिए निम्नलिखित कमांड का उपयोग करें:
4. TypeScript कॉन्फ़िगरेशन (Creating tsconfig.json)
TypeScript प्रोजेक्ट को कॉन्फ़िगर करने के लिए, एक tsconfig.json फ़ाइल बनाएँ। इसे बनाने के लिए निम्नलिखित कमांड का उपयोग करें:
यह कमांड एक tsconfig.json फ़ाइल बनाएगी जिसमें TypeScript के लिए डिफ़ॉल्ट कॉन्फ़िगरेशन सेटिंग्स होंगी।
5. TypeScript कोड लिखें (Write TypeScript Code)
अब, अपने प्रोजेक्ट डायरेक्टरी में एक TypeScript फ़ाइल बनाएँ और उसमें कोड लिखें। उदाहरण के लिए, index.ts नाम की एक फ़ाइल बनाएं:
6. TypeScript को JavaScript में कंपाइल करें (Compile TypeScript to JavaScript)
TypeScript कोड को JavaScript में कंपाइल करने के लिए, निम्नलिखित कमांड का उपयोग करें:
यह आपके TypeScript फाइलों को JavaScript में कंपाइल करेगा। डिफ़ॉल्ट रूप से, यह आउटपुट फाइलें उसी डायरेक्टरी में बनाई जाएंगी जहाँ आपकी TypeScript फाइलें हैं।
7. कंपाइल्ड कोड को रन करें (Run Compiled Code)
कंपाइल्ड JavaScript कोड को रन करने के लिए, निम्नलिखित कमांड का उपयोग करें:
आपको आउटपुट के रूप में “Hello, TypeScript!” संदेश दिखाई देगा।