टाइपस्क्रिप्ट: स्थिर विश्लेषण, स्वतः पूर्णता और जावास्क्रिप्ट के लिए ES6 का एक सा

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

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

प्रकार प्रणाली

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

function process(x: number, y: number) { var v = x + y; return v; } 

आप रिटर्न मान के प्रकार को भी निर्दिष्ट कर सकते हैं (हालांकि इस मामले में, प्रकार प्रणाली स्वयं प्रकार निर्धारित करने में सक्षम है):

 function process(x: number, y: number): number { var v = x + y; return v; } 

ऑब्जेक्ट के लिए, आप इंटरफेस के माध्यम से प्रकार निर्दिष्ट कर सकते हैं:

 interface Thing { a: number; b: string; foo(s: string): string; } 

इन विज्ञापनों को अलग-अलग फ़ाइलों में जोड़ा जा सकता है। वे C, C ++ में हेडर फाइल से मिलते जुलते हैं। आप न केवल नए कार्यक्रमों के लिए, बल्कि मौजूदा पुस्तकालयों के लिए भी विवरण लिख सकते हैं। टाइपस्क्रिप्ट Node.js, jQuery, DOM के लिए तैयार विवरण प्रस्तुत करता है।

कक्षाएं और मॉड्यूल

टाइपस्क्रिप्ट सिंटैक्स में विशेष वर्ग और मॉड्यूल में EcmaScript 6 (ES6) द्वारा दी जाने वाली कई विशेषताएं शामिल हैं। टाइपस्क्रिप्ट में उदाहरण वर्ग:

 class Point { x: number; y: number; constructor (x: number, y: number) { this.x = x; this.y = y; } dist () { return Math.sqrt(this.x * this.x + this.y * this.y); } static origin = new Point(0, 0); } var p = new Point(10, 20); var dist = p.dist(); var zeroPoint = Point.origin; 

टाइपस्क्रिप्ट मॉड्यूल मौजूदा कॉमनजेस का उपयोग करते हैं, एएमडी एक मॉड्यूलर प्रणाली को लागू करने के लिए दृष्टिकोण करता है।

मॉड्यूल उदाहरण:

 module Acme.Core.Utils { export class Tracker { count = 0; start () { windows.onmouse = e => { console.log(this.count); }; } } } import ACU = Acme.Core.Utils; var t = new ACU.Tracker(); t.start(); 

यहां हम EcmaScript 6 की नई विशेषताओं में से एक और भी देखते हैं - फ़ंक्शन का एक छोटा वाक्यविन्यास। संक्षिप्तता के अलावा, इन कार्यों में एक शाब्दिक संदर्भ है, जो उन परिस्थितियों में समस्याओं से बचने में मदद करता है जहां एक गतिशील संदर्भ अवांछनीय है (उदाहरण के लिए, घटना प्रसंस्करण, अतुल्यकालिक संचालन)।

निष्कर्ष

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

आधिकारिक वेबसाइट: www.typescriptlang.org
अंदरूनी सूत्र स्थापना: npm स्थापित -g टाइपस्क्रिप्ट
इंटरएक्टिव कंसोल: www.typescriptlang.org/Playground
एंडर्स हेजेलबर्ग से उत्कृष्ट वीडियो प्रस्तुति: channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript