टाइपप्रति का एक सरल परिचय

टाइपस्क्रिप्ट की कुछ अवधारणाओं का संक्षिप्त परिचय

टाइपस्क्रिप्ट कंपाइलर

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

टाइपस्क्रिप्ट कंपाइलर जावास्क्रिप्ट कोड उत्सर्जित कर सकता है जो विभिन्न जावास्क्रिप्ट रनटाइम के साथ संगत है, जैसे कि Node.js, Internet Explorer, और Chrome। यह स्रोत मानचित्र भी उत्पन्न कर सकता है, जो जेनरेट किए गए जावास्क्रिप्ट कोड को टाइपस्क्रिप्ट कोड पर वापस मैप करता है। यह ब्राउज़र में टाइपस्क्रिप्ट कोड को डीबग करने की अनुमति देता है।

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

जोरदार टाइप की जाने वाली भाषा नहीं

टाइपस्क्रिप्ट दृढ़ता से टाइप की जाने वाली भाषा नहीं है क्योंकि इसमें किसी विशिष्ट प्रकार के साथ चर घोषित करने की आवश्यकता नहीं होती है। इसका मतलब है कि एक चर को एक प्रकार के रूप में घोषित किया जा सकता है और फिर दूसरे प्रकार के मान पर पुन: असाइन किया जा सकता है। यह त्रुटियों का कारण बन सकता है यदि चर का उपयोग इस तरह से किया जाता है जो उस प्रकार के साथ संगत नहीं है जिसे इसे घोषित किया गया है।

इस विशेषता को स्पष्ट करने के लिए एक मूल उदाहरण "कोई भी" प्रकार के साथ दिखाया जा सकता है।

// We initialze the variable as a string.
const something: any = "Tom";

// Now it's a number. This is valid TypeScript code.
something = 42;

टाइपस्क्रिप्ट को जावास्क्रिप्ट में संकलित करना

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

यदि कोई प्रकार की त्रुटियां नहीं पाई जाती हैं, तो संकलक जारी रहेगा और जावास्क्रिप्ट कोड का उत्सर्जन करेगा। उत्सर्जित जावास्क्रिप्ट कोड निर्दिष्ट लक्ष्य जावास्क्रिप्ट रनटाइम के साथ संगत होगा।

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

टाइपस्क्रिप्ट भाषा सर्वर

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

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

टाइपस्क्रिप्ट प्रोजेक्ट बनाने के चरण

चरणों का वर्णन करने से पहले, आपके टर्मिनल में टाइपस्क्रिप्ट प्रोजेक्ट को प्रारंभ करने का आदेश यहां दिया गया है।

npx tsc --init

विवरण: टाइपस्क्रिप्ट कंपाइलर स्थापित करें। प्रोजेक्ट की जड़ में एक tsconfig.json फ़ाइल बनाएँ। इस फ़ाइल में टाइपस्क्रिप्ट कंपाइलर के लिए कंपाइलर विकल्प हैं। src निर्देशिका को tsconfig.json फ़ाइल में जोड़ें। यह वह जगह है जहाँ टाइपस्क्रिप्ट स्रोत फ़ाइलें स्थित होंगी।

src निर्देशिका में एक main.ts फ़ाइल जोड़ें। यह टाइपस्क्रिप्ट प्रोग्राम के लिए प्रवेश बिंदु है। कमांड लाइन से tsc चलाकर टाइपस्क्रिप्ट कोड संकलित करें। यह src निर्देशिका में JavaScript फ़ाइलें उत्पन्न करेगा। कमांड लाइन से नोड main.js चलाकर टाइपस्क्रिप्ट प्रोग्राम चलाएँ।

टाइपस्क्रिप्ट और जावास्क्रिप्ट के बीच अंतर

टाइपस्क्रिप्ट और अन्य दृढ़ता से टाइप की जाने वाली भाषाओं के बीच कुछ महत्वपूर्ण अंतर हैं: टाइपस्क्रिप्ट जावास्क्रिप्ट का एक सुपरसेट है, जिसका अर्थ है कि कोई भी वैध जावास्क्रिप्ट कोड भी मान्य टाइपस्क्रिप्ट कोड है। इससे मौजूदा जावास्क्रिप्ट परियोजनाओं को अपनाना आसान हो जाता है।

टाइपस्क्रिप्ट एक वैकल्पिक प्रकार की प्रणाली का उपयोग करता है, जिसका अर्थ है कि चर के लिए प्रकार निर्दिष्ट किए जा सकते हैं, लेकिन इसकी आवश्यकता नहीं है। अन्य दृढ़ता से टाइप की जाने वाली भाषाएं, जैसे कि स्विफ्ट और कोटलिन, एक अनिवार्य प्रकार की प्रणाली का उपयोग करती हैं, जिसके लिए सभी चरों को एक विशिष्ट प्रकार के साथ घोषित करने की आवश्यकता होती है।

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

मुझे कोडिंग के लिए टाइपस्क्रिप्ट के बजाय जावास्क्रिप्ट का उपयोग कब करना चाहिए?

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

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

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

सरल उदाहरण

// TypeScript.
class Person {
  name: string;
  age: number;
}

const person: Person = new Person();
const person.name = "Tom";
const person.age = 42;

// JavaScript.
var Person = function() {};
Person.prototype.name = "";
Person.prototype.age = 0;

// TypeScript.
// Here's we're also using the class, but this
// time conforming to an interface, something that
// doesn't exist in JavaScript.
interface IPerson {
  name: string;
  age: number;
}

class Person implements IPerson {
  name: string;
  age: number;
}

// JavaScript.
var IPerson = function() {};
IPerson.prototype.name = "";
IPerson.prototype.age = 0;

var Person = function() {};
Person.prototype = Object.create(IPerson);

समापन शब्द

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

कुछ उपयोगी शिक्षण सामग्री के लिए पृष्ठ के अंत में परिशिष्ट में लिंक देखें।

सुझाव

संबंधित

परिशिष्ट

भाषाएँ