टाइपस्क्रिप्ट ट्यूटोरियल: टाइपस्क्रिप्ट के बुनियादी बातों के बारे में जानें

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

• टाइपस्क्रिप्ट का परिचय
• टाइपस्क्रिप्ट प्रकार
• चर
• संचालक
• लूप्स
• कार्य
• तार
• ऐरे करता है
• इंटरफेस
• कक्षाएं
• वस्तुएं
• टाइपस्क्रिप्ट उपयोग मामला

टाइपस्क्रिप्ट का परिचय

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

एक टाइपस्क्रिप्ट कोड के साथ एक फ़ाइल में लिखा है .ts विस्तार और फिर संकलक का उपयोग करके जावास्क्रिप्ट में संकलित किया गया। आप किसी भी कोड एडिटर में फाइल लिख सकते हैं और कंपाइलर को आपके प्लेटफॉर्म पर इंस्टॉल करना होगा। स्थापना के बाद, कमांड tsc .ts टाइपस्क्रिप्ट कोड को एक सादे जावास्क्रिप्ट फ़ाइल में संकलित करता है।

वाक्य - विन्यास:

var संदेश: string = 'Welcome to Edureka!' कंसोल.लॉग (संदेश)

संकलन करने पर, यह निम्नलिखित जावास्क्रिप्ट कोड उत्पन्न करता है:

// टाइप किए गए 1.8.10 संस्करण संदेश द्वारा उत्पन्न = 'आपका स्वागत है एडुरका!' कंसोल.लॉग (संदेश)

टाइपस्क्रिप्ट की विशेषताएं

• क्रॉस-प्लेटफ़ॉर्म: टाइपस्क्रिप्ट कंपाइलर को किसी भी ऑपरेटिंग सिस्टम जैसे विंडोज, मैकओएस और लिनक्स पर स्थापित किया जा सकता है।

  
  
  

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

• स्थैतिक प्रकार की जाँच : टाइपस्क्रिप्ट स्थिर टाइपिंग का उपयोग करता है और संकलन समय पर जाँच करने में मदद करता है। इस प्रकार, आप स्क्रिप्ट चलाए बिना कोड लिखते समय त्रुटियां पा सकते हैं।

• वैकल्पिक स्थैतिक टंकण : टाइपस्क्रिप्ट भी जावास्क्रिप्ट के गतिशील टाइपिंग का उपयोग करने के मामले में वैकल्पिक स्थिर टाइपिंग की अनुमति देता है।

• डोम हेरफेर : आप तत्वों को जोड़ने या हटाने के लिए DOM को हेरफेर करने के लिए टाइपस्क्रिप्ट का उपयोग कर सकते हैं।

• ES 6 सुविधाएँ : टाइपस्क्रिप्ट में नियोजित ECMAScript 2015 (ES 6, 7) की अधिकांश विशेषताएं शामिल हैं जैसे कि क्लास, इंटरफ़ेस, एरो फ़ंक्शंस आदि।

टाइपस्क्रिप्ट का उपयोग करने के लाभ

• टाइपस्क्रिप्ट है तेज, सरल, सीखना आसान और किसी भी ब्राउज़र या जावास्क्रिप्ट इंजन पर चलता है।

• यह है समान सेवा मेरे जावास्क्रिप्ट और एक ही वाक्यविन्यास और शब्दार्थ का उपयोग करता है।

• यह बैकएंड डेवलपर्स को फ्रंट-एंड लिखने में मदद करता है कोड तेजी से ।

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

• .D.ts एक्सटेंशन के साथ डेफिनिशन फ़ाइल, मौजूदा जावास्क्रिप्ट लाइब्रेरियों के लिए समर्थन प्रदान करती है जेकरी, डी 3.जेएस , आदि तो, टाइपस्क्रिप्ट कोड जोड़ सकते हैं जावास्क्रिप्ट पुस्तकालयों मौजूदा डायनामिक-टाइप किए गए जावास्क्रिप्ट पुस्तकालयों में टाइप-चेकिंग, कोड ऑटोकम्पलीशन और प्रलेखन के लाभों का लाभ उठाने के लिए टाइप परिभाषाओं का उपयोग करना।

• इसमें से सुविधाएँ शामिल हैं ईएस 6 तथा ईएस 7 वह ES5-level JavaScript इंजनों की तरह चल सकता है Node.js ।

अब जब आप समझ गए हैं कि टाइपस्क्रिप्ट क्या है, तो इस टाइपस्क्रिप्ट ट्यूटोरियल के साथ आगे बढ़ें और विभिन्न प्रकारों पर एक नज़र डालें।

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

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

इसे दो प्रकारों में वर्गीकृत किया जा सकता है जैसे:

• बिल्ट-इन : इसमें संख्या, स्ट्रिंग, बूलियन, शून्य, अशक्त और अपरिभाषित शामिल हैं।
• उपयोगकर्ता परिभाषित : इसमें Enumerations (enums), कक्षाएं, इंटरफेस, सरणियाँ और टपल शामिल हैं।

अब इस टाइपस्क्रिप्ट ट्यूटोरियल के साथ चलते हैं और चर के बारे में अधिक समझते हैं।

टाइपस्क्रिप्ट ट्यूटोरियल: चर

एक चर स्मृति में एक नामित स्थान है जो मूल्यों को संग्रहीत करने के लिए उपयोग किया जाता है।

टाइपस्क्रिप्ट में एक वैरिएबल घोषित करने के लिए टाइप सिंटैक्स में एक कोलोन (:) वैरिएबल नाम के बाद, इसके प्रकार शामिल होता है। जावास्क्रिप्ट के समान, हम उपयोग करते हैं var कीवर्ड एक चर घोषित करने के लिए।

जब हम एक चर घोषित करते हैं तो चार विकल्प होते हैं:

var [पहचानकर्ता]: [प्रकार-एनोटेशन] = मूल्य

var [पहचानकर्ता]: [टाइप-एनोटेशन]

var [पहचानकर्ता] = मूल्य

var [पहचानें]

उदाहरण:

var नाम: string = 'Daisy' var empid: number = 1001 कंसोल.लॉग ('नाम' + नाम) कंसोल.log ('कर्मचारी आईडी' + एम्पिड)

संकलन करने पर, यह जावास्क्रिप्ट कोड निम्नलिखित उत्पन्न करेगा:

// टाइपस्क्रिप्ट 1.8.10 जनरेट नाम से = 'डेज़ी' var एम्पिड = 1001 कंसोल.लॉग ('नाम' + नाम) कंसोल.लॉग ('कर्मचारी आईडी:' + एम्पिड)

आउटपुट:

नाम: डेज़ी
कर्मचारी आईडी: 1001

अब हमारे टाइपस्क्रिप्ट ट्यूटोरियल के अगले विषय पर चलते हैं।

संचालक

एक ऑपरेटर का उपयोग उन फ़ंक्शन को परिभाषित करने के लिए किया जाता है जो डेटा पर किए जाएंगे। जिस डेटा पर ऑपरेटर काम करते हैं उसे ऑपरेंड कहा जाता है। विभिन्न प्रकार के होते हैं संचालक टाइपस्क्रिप्ट में जैसे:

• अंकगणितीय आपरेटर
• लॉजिकल ऑपरेटर्स
• संबंधपरक संकारक
• बिटवाइज़ ऑपरेटर
• असाइनमेंट ऑपरेटर

अंकगणितीय आपरेटर

उदाहरण:

var num1: संख्या = 10 var num2: संख्या = 2 var res: संख्या = 0 Res = num1 + num2 कंसोल.लॉग ('Sum:' + res) रेस = num1 - num2 कंसोल.log ('अंतर:' + रेस) Res = num1 * num2 कंसोल.लॉग ('उत्पाद:' + res)

आउटपुट:

सम: १२
अंतर: 8
उत्पाद: 20

लॉजिकल ऑपरेटर्स

उदाहरण:

var avg: संख्या = 20 var प्रतिशत: संख्या = 90 कंसोल.लॉग ('avg का मान:' + avg + ', प्रतिशत का मान:' + प्रतिशत) var Res: बूलियन = ((avg> 50) && (प्रतिशत) - 80 )) कंसोल.लॉग ('(avg> 50) && (प्रतिशत> 80):', res)

आउटपुट:

औसत मूल्य: 20, प्रतिशत का मान: 90
(avg> 50) && (प्रतिशत> 80): असत्य

संबंधपरक संकारक

उदाहरण:

var num1: संख्या = 10 var num2: संख्या = 7 कंसोल.लॉग ('num1 का मान:' + num1) कंसोल.log ('num2 का मान:' + num2) var res = num1> num2 कंसोल.log ('num1) num2 से अधिक: '+ res) res = num1
 आउटपुट: 
संख्या 1: 10 का मान 
 संख्या 2: 7 का मान 
 num1 num2 से अधिक है: सच 
 num1 num2 से कम है: असत्य
 बिटवाइज ऑपरेटर्स 
 संचालक 
 विवरण 
 बिटवाइज़ और (&) 
अपने पूर्णांक तर्कों के प्रत्येक बिट पर एक बूलियन और ऑपरेशन करता है।
 बिटवाइज़ OR (|) 
यह अपने पूर्णांक तर्कों के प्रत्येक बिट पर एक बूलियन या ऑपरेशन करता है।
 बिटवाइज़ XOR (^) 
यह अपने पूर्णांक तर्कों के प्रत्येक बिट पर एक बूलियन अनन्य या ऑपरेशन करता है।
 बिटवाइज़ नहीं (~) 
यह एक unary ऑपरेटर है और ऑपरेंड में सभी बिट्स को उलट कर संचालित करता है।
 बायां शिफ्ट (<<) 
यह दूसरे ऑपरेंड में निर्दिष्ट स्थानों की संख्या से अपने पहले ऑपरेंड में सभी बिट्स को बाईं ओर ले जाता है।
 राइट शिफ्ट (>>) 
बाएं ऑपरेंड का मान दाएं ऑपरेंड द्वारा निर्दिष्ट बिट्स की संख्या से दाईं ओर ले जाया जाता है।
 शून्य के साथ सही बदलाव (>>>) 
यह >> ऑपरेटर के समान है, सिवाय इसके कि बाईं ओर स्थानांतरित बिट्स हमेशा शून्य हैं।
 उदाहरण: 
var a: संख्या = 2 // बिट प्रस्तुति 10 var b: नंबर = 3 // बिट प्रस्तुति 11 var परिणाम परिणाम = (a (b) कंसोल.लॉग ('(a & b) =>', परिणाम) परिणाम = ( a। b) कंसोल.लॉग ('(a | b) =>', परिणाम)
 आउटपुट: 
(a & b) => 2 
 (a | b) => 3
 असाइनमेंट ऑपरेटर्स 
 संचालक 
 विवरण 
 सरल असाइनमेंट (=) 
राइट साइड ऑपरेंड से लेफ्ट साइड ऑपरेंड तक वैल्यू असाइन करता है
 जोड़ें और असाइनमेंट (+ =) 
यह बाएं ऑपरेंड में दाईं ओर ऑपरेंड जोड़ता है और परिणाम को बाएं ऑपरेंड में असाइन करता है।
 घटाना और असाइनमेंट (- =) 
यह बाएं ऑपरेंड से दाएं ऑपरेंड को घटाता है और लेफ्ट ऑपरेंड को रिजल्ट सौंपता है।
 गुणा और असाइनमेंट (* =) 
यह बाएं ऑपरेंड के साथ दाहिने ऑपरेंड को गुणा करता है और परिणाम को बाएं ओपैंड पर असाइन करता है।
 विभाजित और असाइनमेंट (/ =) 
यह बाएं ऑपरेंड को दाएं ऑपरेंड के साथ विभाजित करता है और परिणाम को बाएं ऑपरेंड को सौंपता है।
 उदाहरण: 
var a: संख्या = 12 var b: संख्या = 10 a = b कंसोल.log ('a = b:' + a) a + = b कंसोल.log ('a + = b:' + a) a - = b कंसोल .log ('a- = b:' + a)
 आउटपुट: 
a = b: 10 
 a + = b: 20 
 a - = b: 10
ये अलग-अलग ऑपरेटर थे। अब हमारे टाइपस्क्रिप्ट ट्यूटोरियल के साथ चलते हैं और लूप के बारे में सीखते हैं।
 लूप्स 
ऐसे हालात हो सकते हैं जब कोड के एक ब्लॉक को कई बार निष्पादित किया जाना चाहिए। ए पाश स्टेटमेंट हमें कई बार स्टेटमेंट या स्टेटमेंट ऑफ स्टेट को निष्पादित करने की अनुमति देता है।
टाइपस्क्रिप्ट लूप को इस प्रकार वर्गीकृत किया जा सकता है:
 पाश के लिए 
द पाश के लिए एक निश्चित लूप का कार्यान्वयन है।
 वाक्य - विन्यास: 
के लिए (पहली अभिव्यक्ति दूसरी अभिव्यक्ति तीसरी अभिव्यक्ति) {// बार-बार निष्पादित होने वाले कथन}
यहां, पहले अभिव्यक्ति को लूप शुरू होने से पहले निष्पादित किया जाता है। दूसरी अभिव्यक्ति लूप को निष्पादित करने के लिए शर्त है। और तीसरी अभिव्यक्ति को प्रत्येक कोड ब्लॉक के निष्पादन के बाद निष्पादित किया जाता है।
 उदाहरण: 
for (let i = 0 i)<2 i++) { console.log ('Execute block statement' + i) }
 आउटपुट: 
अपवाद ब्लॉक स्टेटमेंट 0 
खंड 1 कथन निष्पादित करें
 घुमाव के दौरान 
जबकि लूप हर बार उन निर्देशों को निष्पादित करता है जो निर्दिष्ट स्थिति सच का मूल्यांकन करता है।
 वाक्य - विन्यास: 
जबकि (स्थिति अभिव्यक्ति) {// कोड ब्लॉक निष्पादित किया जाना है}
 उदाहरण: 
आइए i: संख्या = 1 जबकि (i)<3) { console.log( 'Block statement execution no.' + i ) i++ }
 आउटपुट: 
ब्लॉक स्टेटमेंट एक्जीक्यूशन नंबर 1 
ब्लॉक स्टेटमेंट एक्जीक्यूशन नंबर 2
 दो.लोहे की लूप 
डू एंड हेलिपवर्ड लूप, लूप के समान है, सिवाय इसके कि यह पहली बार लूप निष्पादित होने की स्थिति का मूल्यांकन नहीं करता है।
 वाक्य - विन्यास: 
do (// कोड ब्लॉक किया जाना है)} जबकि (स्थिति अभिव्यक्ति)
 उदाहरण: 
  
आइए i: संख्या = 1 करते हैं {कंसोल.लॉग ('ब्लॉक स्टेटमेंट एक्जीक्यूशन नंबर।' + i) i ++} जबकि (i)<3)
 आउटपुट: 
ब्लॉक स्टेटमेंट एक्जीक्यूशन नंबर 1 
ब्लॉक स्टेटमेंट एक्जीक्यूशन नंबर 2
इनके अलावा, टाइपस्क्रिप्ट में ब्रेक और जारी स्टेटमेंट हैं जो लूप में उपयोग किए जाते हैं।
 ब्रेक स्टेटमेंट 
ब्रेक स्टेटमेंट का उपयोग किसी निर्माण से नियंत्रण हटाने के लिए किया जाता है। लूप में ब्रेक स्टेटमेंट का उपयोग करने से लूप से बाहर निकलने में प्रोग्राम को मदद मिलती है।
 उदाहरण: 
var i: संख्या = 1 जबकि (i)<=10) { if (i % 5 == 0) { console.log ('The first multiple of 5 between 1 and 10 is : '+i) break //exit the loop if the first multiple is found } i++ } //outputs 5 and exits the loop
 आउटपुट: 
1 और 10 के बीच 5 का पहला गुणक है: 5
 जारी बयान 
जारी बयान वर्तमान पुनरावृत्ति में बाद के बयानों को छोड़ देता है और नियंत्रण को लूप की शुरुआत में वापस ले जाता है।
 उदाहरण: 
var num: संख्या = 0 var count: संख्या = 0 for (num = 0num)<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)
 आउटपुट: 
0 और 10 के बीच विषम मानों की गिनती है: 5
टाइपस्क्रिप्ट में ये अलग-अलग लूप थे। अब, हमारे टाइपस्क्रिप्ट ट्यूटोरियल के साथ आगे बढ़ें और फ़ंक्शंस को समझें।
 कार्य 
जावास्क्रिप्ट में, कार्य करता है सबसे महत्वपूर्ण भाग में से एक है क्योंकि यह एक कार्यात्मक प्रोग्रामिंग भाषा है। कार्य यह सुनिश्चित करते हैं कि कार्यक्रम बनाए रखने योग्य और पुन: प्रयोज्य है, और पठनीय ब्लॉकों में व्यवस्थित है। हालांकि टाइपस्क्रिप्ट कक्षाओं और मॉड्यूल की अवधारणा प्रदान करता है, लेकिन फ़ंक्शंस अभी भी भाषा का एक अभिन्न अंग हैं।
 नामित कार्य 
एक नामित फ़ंक्शन का उपयोग उसके दिए गए नाम से एक फ़ंक्शन को घोषित करने और कॉल करने के लिए किया जाता है।
 उदाहरण: 
फंक्शन डिस्प्ले () {कंसोल.लॉग ('टाइपस्क्रिप्ट फंक्शन')} डिस्प्ले ()
 आउटपुट: 
टाइपस्क्रिप्ट फ़ंक्शन
 अनाम क्रिया 
एक अनाम फ़ंक्शन वह है जिसे एक अभिव्यक्ति के रूप में परिभाषित किया गया है। यह अभिव्यक्ति एक चर में संग्रहीत है। इन फ़ंक्शन को वैरिएबल नाम का उपयोग करके आमंत्रित किया जाता है जिसे फ़ंक्शन में संग्रहीत किया जाता है।
 उदाहरण: 
ग्रीटिंग = फंक्शन () {कंसोल.लॉग ('टाइपस्क्रिप्ट फंक्शन')} ग्रीटिंग ()
 आउटपुट: 
टाइपस्क्रिप्ट फ़ंक्शन
 तीर का कार्य 
फैट एरो नोटेशन का उपयोग अनाम फ़ंक्शंस के लिए किया जाता है यानी फ़ंक्शन अभिव्यक्तियों के लिए। उन्हें अन्य भाषाओं में लंबोदा फ़ंक्शन भी कहा जाता है।
 वाक्य - विन्यास: 
(param1, param2, ..., paramN) => अभिव्यक्ति
वसा तीर (=>) का उपयोग करके 'फ़ंक्शन' कीवर्ड का उपयोग करने की आवश्यकता होती है। पैरामीटर कोणीय कोष्ठक में पारित किए जाते हैं, और फ़ंक्शन अभिव्यक्ति घुंघराले कोष्ठक {} के भीतर संलग्न होती है।
 उदाहरण: 
चलो योग = (x: संख्या, y: संख्या): संख्या => {वापसी x + y} योग (10, 30) // रिटर्न 40
 कार्य अतिभार 
टाइपस्क्रिप्ट फ़ंक्शन को ओवरलोडिंग की अवधारणा प्रदान करता है। इस प्रकार, आपके पास एक ही नाम के साथ कई कार्य हो सकते हैं लेकिन विभिन्न प्रकार के पैरामीटर और रिटर्न प्रकार।
 उदाहरण: 
function add (a: string, b: string): string function add (a: number, b: number): नंबर रिटर्न a + b} ऐड ('हेलो', 'एडुरेका') // रिटर्न 'हैलो एडुरेका' ऐड ( 10, 10) // रिटर्न 20
उपरोक्त उदाहरण में, हमारे पास दो फ़ंक्शन घोषणाओं और एक फ़ंक्शन कार्यान्वयन के साथ एक ही फ़ंक्शन ऐड () है। पहले हस्ताक्षर में टाइप स्ट्रिंग के दो पैरामीटर हैं, जबकि दूसरे हस्ताक्षर में टाइप संख्या के दो पैरामीटर हैं।
ये विभिन्न प्रकार के कार्य हैं। अब, हमारे टाइपस्क्रिप्ट ट्यूटोरियल के साथ चलते हैं और टाइपस्क्रिप्ट में स्ट्रिंग्स को समझते हैं।
 टाइपस्क्रिप्ट ट्यूटोरियल: स्ट्रिंग्स 
द  एक और आदिम डेटा प्रकार है जो पाठ डेटा को संग्रहीत करने के लिए उपयोग किया जाता है। स्ट्रिंग मान एकल उद्धरण चिह्नों या दोहरे उद्धरण चिह्नों से घिरे होते हैं।
 वाक्य - विन्यास: 
var var_name = नया स्ट्रिंग (स्ट्रिंग)
स्ट्रिंग ऑब्जेक्ट में उपलब्ध विधियों के विभिन्न गुण हैं:
 बिल्डर - यह स्ट्रिंग फ़ंक्शन का संदर्भ देता है जिसने ऑब्जेक्ट बनाया था
 लंबाई - यह स्ट्रिंग की लंबाई लौटाता है
 प्रोटोटाइप - यह संपत्ति आपको किसी ऑब्जेक्ट में गुण और विधियाँ जोड़ने की अनुमति देती है
 उदाहरण: 
नाम दें = नया स्ट्रिंग ('आपका स्वागत है एडुरका!') कंसोल.लॉग ('संदेश:' + नाम) कंसोल.लॉग ('लंबाई:' + name.length)
 आउटपुट: 
संदेश: Edureka में आपका स्वागत है! 
 लंबाई: 19
 स्ट्रिंग के तरीके 
स्ट्रिंग ऑब्जेक्ट में विधियों की सूची में शामिल हैं:
 तरीका 
 विवरण 
 charAt () 
यह निर्दिष्ट सूचकांक पर चरित्र लौटाता है
 charCodeAt () 
यह दिए गए इंडेक्स पर वर्ण का यूनिकोड मान दर्शाता एक नंबर देता है
 समतल () 
दो तार के पाठ को जोड़ता है और एक नया स्ट्रिंग लौटाता है
 के सूचकांक() 
निर्दिष्ट मूल्य की पहली घटना के कॉलिंग स्ट्रिंग ऑब्जेक्ट के भीतर सूचकांक लौटाता है
 lastIndexOf () 
यह निर्दिष्ट मूल्य की अंतिम घटना के कॉलिंग स्ट्रिंग ऑब्जेक्ट के भीतर सूचकांक लौटाता है
 मैच () 
एक स्ट्रिंग के खिलाफ एक नियमित अभिव्यक्ति से मेल खाते थे
 localeCompare () 
एक संख्या देता है जो दर्शाता है कि क्या संदर्भ स्ट्रिंग पहले या बाद में आती है या समान क्रम में दिए गए स्ट्रिंग के समान है
 खोज() 
यह एक नियमित अभिव्यक्ति और एक निर्दिष्ट स्ट्रिंग के बीच मैच की खोज को निष्पादित करता है
 बदलने के() 
एक नियमित अभिव्यक्ति और एक स्ट्रिंग के बीच एक मैच खोजने के लिए और एक नए विकल्प के साथ मिलान किए गए प्रतिस्थापन को बदलने के लिए उपयोग किया जाता है
 टुकड़ा () 
यह एक स्ट्रिंग का एक खंड निकालता है और एक नया स्ट्रिंग लौटाता है
 विभाजित करें() 
स्ट्रिंग को सब्सट्रिंग्स में अलग करके स्ट्रिंग की एक सरणी में एक स्ट्रिंग ऑब्जेक्ट को विभाजित करता है
 पदार्थ () 
जावा में प्रिंटराइटर क्या है
वर्णों की निर्दिष्ट संख्या के माध्यम से निर्दिष्ट स्थान पर एक स्ट्रिंग शुरुआत में वर्ण लौटाता है
 प्रतिस्थापन () 
यह स्ट्रिंग में दो इंडेक्स के बीच एक स्ट्रिंग में वर्ण लौटाता है
 toLocaleLowerCase () 
एक स्ट्रिंग के भीतर वर्ण वर्तमान लोकेल का सम्मान करते हुए निचले मामले में बदल जाते हैं
 toLocaleUpperCase () 
एक स्ट्रिंग के भीतर वर्ण वर्तमान लोकेल का सम्मान करते हुए ऊपरी मामले में बदल जाते हैं
 toLowerCase () 
यह लोअर केस में परिवर्तित कॉलिंग स्ट्रिंग मान लौटाता है
 टॉपरकैस () 
यह अपरकेस में परिवर्तित कॉलिंग स्ट्रिंग मान लौटाता है
 तार() 
निर्दिष्ट ऑब्जेक्ट का प्रतिनिधित्व करने वाला एक स्ट्रिंग लौटाता है
 का मूल्य() 
निर्दिष्ट वस्तु का मौलिक मान वापस करता है
 उदाहरण: 
लेट स्ट्रै: स्ट्रिंग = 'वेलकम टू एडुरेका' स्ट्रैटहार्ट (0) // रिटर्न 'डब्ल्यू' स्ट्रैट.आर्ट (2) // रिटर्न 'एल' 'एड्यूरका में आपका स्वागत है। सीएचआरएटी (2) रिटर्न' एल 'str1 दें : string = 'welcome' let str2: string = 'Edureka' str1.concat (str2) // रिटर्न 'welEdureka' str1.concat ('', str2) // रिटर्न 'स्वागत Edureka' str1.concat ('' to ' ') // रिटर्न' में आपका स्वागत है
अब जब आप स्ट्रिंग्स के बारे में जानते हैं, तो इस टाइपस्क्रिप्ट ट्यूटोरियल के साथ आगे बढ़ें और सरणियों को समझें।
 टाइपस्क्रिप्ट में पहुंचता है 
एक सरणी एक विशेष प्रकार का डेटा प्रकार है जो एक विशेष सिंटैक्स का उपयोग करके विभिन्न डेटा प्रकारों के कई मूल्यों को क्रमिक रूप से संग्रहीत करता है। सरणी तत्वों की पहचान एक अद्वितीय पूर्णांक द्वारा की जाती है जिसे तत्व का उपप्रकाश या सूचकांक कहा जाता है।
 वाक्य - विन्यास: 
var array_name [: datatype] // डिक्लेरेशन array_name = [val1, val2, valn ..] // इनिशियलाइज़ेशन
 उदाहरण: 
नाम दें: ऐरे नाम = ['जॉन', 'डेज़ी', 'राहेल'] आइडी: एरे आईडी = [101, 700, 321]
 ऐरे तरीके 
यहाँ विभिन्न ऐरे विधियों की एक सूची दी गई है, जिनका उपयोग विभिन्न उद्देश्यों के लिए किया जा सकता है:
 तरीका 
 विवरण 
 फ़िल्टर () 
इस सरणी के सभी तत्वों के साथ एक नया सरणी बनाता है जिसके लिए प्रदान किया गया फ़िल्टरिंग फ़ंक्शन सही है
 हर एक() 
इस सरणी में प्रत्येक तत्व प्रदान किए गए परीक्षण फ़ंक्शन को संतुष्ट करता है, तो सही है
 समतल () 
इस सरणी में शामिल एक नया सरणी अन्य सरणियों के साथ शामिल रिटर्न देता है
 के सूचकांक() 
निर्दिष्ट मूल्य के बराबर सरणी के भीतर एक तत्व का पहला या सबसे कम सूचकांक लौटाता है
 प्रत्येक के लिए() 
सरणी में प्रत्येक तत्व के लिए एक फ़ंक्शन को कॉल करता है
 शामिल हों () 
किसी सरणी के सभी तत्वों को एक स्ट्रिंग में जोड़ता है
 lastIndexOf () 
निर्दिष्ट मान के बराबर सरणी के भीतर किसी तत्व का अंतिम या सबसे बड़ा सूचकांक लौटाता है
 नक्शा() 
इस सरणी में प्रत्येक तत्व पर दिए गए फ़ंक्शन को कॉल करने के परिणामों के साथ एक नया सरणी बनाता है
 धक्का दें() 
सरणी के अंत में एक या अधिक तत्व जोड़ता है और सरणी की नई लंबाई लौटाता है
 पॉप () 
किसी सरणी से अंतिम तत्व निकालता है और उस तत्व को वापस करता है
 कम करना() 
एक मान को एक मान से कम करने के लिए बाएं से दाएं सरणी के दो मानों के खिलाफ एक साथ लागू करें
 कम करना () 
किसी फ़ंक्शन को एक मान पर एक से कम करने के लिए सरणी के दो मानों को दाएँ से बाएँ से एक साथ लागू करें
 उलटना() 
किसी सरणी के तत्वों के क्रम को उलट देता है
 खिसक जाना() 
किसी सरणी से पहला तत्व निकालता है और उस तत्व को वापस करता है
 टुकड़ा () 
किसी सरणी का एक भाग निकालता है और एक नया सरणी देता है
 कुछ() 
यह सही है अगर इस सरणी में कम से कम एक तत्व प्रदान किए गए परीक्षण फ़ंक्शन को संतुष्ट करता है
 क्रमबद्ध करें () 
यह एक सरणी के तत्वों को हल करता है
 तार() 
सरणी और उसके तत्वों का प्रतिनिधित्व करने वाला एक स्ट्रिंग लौटाता है
 ब्याह () 
यह एक सरणी से तत्वों को जोड़ता है और / या हटाता है
 अनशिफ्ट () 
एक या एक से अधिक तत्वों को एक सरणी के सामने जोड़ता है और सरणी की नई लंबाई लौटाता है
 उदाहरण: 
var नाम: एरे = ['जॉन', 'डेज़ी', 'तारा'] name.sort () कंसोल.लॉग (नाम) // आउटपुट: [isy डेज़ी ’, 'जॉन’, ara तारा ’] कंसोल.लॉग name.pop ()) // आउटपुट: तारा name.push ('राहेल') कंसोल.लॉग (नाम) // आउटपुट: ['जॉन', 'डेज़ी', 'राहेल']
अब इस टाइपस्क्रिप्ट ट्यूटोरियल के साथ आगे बढ़ते हैं और इंटरफेस के बारे में जानें।
 टाइपस्क्रिप्ट इंटरफेस 
इंटरफ़ेस एक संरचना है जो आपके आवेदन में अनुबंध को परिभाषित करता है। यह कक्षाओं के लिए सिंटैक्स को परिभाषित करता है। इसमें केवल सदस्यों की घोषणा शामिल है और यह सदस्यों को परिभाषित करने के लिए व्युत्पन्न वर्ग की जिम्मेदारी है।
 उदाहरण: 
इंटरफ़ेस कर्मचारी {एम्पिड: नंबर एम्पैन: स्ट्रिंग गेटसैलरी: (नंबर) => नंबर // एरो फंक्शन गेटमैन पेज (नंबर): स्ट्रिंग}
उपरोक्त उदाहरण में, ए कर्मचारी इंटरफ़ेस में दो गुण शामिल हैं एम्पिड तथा नाम । इसमें एक विधि घोषणा भी शामिल है getSalaray का उपयोग कर तीर समारोह जिसमें एक नंबर पैरामीटर और एक नंबर रिटर्न टाइप शामिल है। द getManagerName एक सामान्य फ़ंक्शन का उपयोग करके विधि घोषित की जाती है।
 टाइपस्क्रिप्ट  कक्षाएं 
टाइपस्क्रिप्ट ने कक्षाएं शुरू कीं ताकि वे ऑब्जेक्ट-उन्मुख तकनीकों का लाभ उठा सकें जैसे कि एनकैप्सुलेशन और एब्स्ट्रक्शन। टाइपस्क्रिप्ट में वर्ग को प्लेटफॉर्म और ब्राउज़र पर काम करने के लिए टाइपस्क्रिप्ट कंपाइलर द्वारा सादे जावास्क्रिप्ट कार्यों के लिए संकलित किया जाता है।
एक वर्ग में निम्नलिखित शामिल हैं:
 बिल्डर 
 गुण 
 तरीके 
 उदाहरण: 
वर्ग कर्मचारी {एम्पिड: नंबर एम्पैन्यूम: स्ट्रिंग कंस्ट्रक्टर (आईडी: नंबर, नाम: स्ट्रिंग) {यह.नैपनाम = इस नाम। बेरोजगारी = आईडी} getSalary (): नंबर {रिटर्न 40000}}
 वंशानुक्रम 
टाइपस्क्रिप्ट सपोर्ट करता है वंशानुक्रम चूंकि यह एक मौजूदा कक्षा से नई कक्षाएं बनाने के लिए एक कार्यक्रम की क्षमता है। नए वर्ग बनाने के लिए जिस वर्ग का विस्तार किया जाता है, उसे मूल वर्ग या सुपर क्लास कहा जाता है। नव निर्मित कक्षाएं बच्चे या उप कक्षाएं कहलाती हैं।
Class एक्सटेंड्स ’कीवर्ड का उपयोग करके एक वर्ग दूसरे वर्ग से विरासत में मिला। मूल वर्ग से निजी सदस्यों और निर्माणकर्ताओं को छोड़कर सभी वर्गों और विधियों में बाल वर्ग विरासत में मिला है। लेकिन, टाइपस्क्रिप्ट मल्टीपल इनहेरिटेंस का समर्थन नहीं करता है।
 वाक्य - विन्यास: 
class child_class_name पैरेंट_class_name बढ़ाता है
 उदाहरण: 
वर्ग व्यक्ति {नाम: स्ट्रिंग कंस्ट्रक्टर (नाम: स्ट्रिंग) {यह.नाम = नाम}} वर्ग कर्मचारी का विस्तार व्यक्ति {एम्पिड: नंबर निर्माणकर्ता (एम्पिड: नंबर, नाम: स्ट्रिंग) {सुपर (नाम) this.empID = एम्पायर} प्रदर्शन (): void {कंसोल.लॉग (: नाम = ’+ इस.नाम +’, कर्मचारी आईडी = ’+ यह.पंप)}} को एम्प = नया कर्मचारी (,०१, 'जेसन’) emp.displayName () // दें नाम = जेसन, कर्मचारी आईडी = 701
अब जब आप कक्षाओं के बारे में जानते हैं, तो इस टाइपस्क्रिप्ट ट्यूटोरियल के साथ आगे बढ़ें और वस्तुओं के बारे में जानें।
 टाइपस्क्रिप्ट में ऑब्जेक्ट्स 
एक ऑब्जेक्ट एक उदाहरण है जिसमें कुंजी-मूल्य जोड़े का एक अलग सेट होता है। मान स्केलर मान या कार्य या अन्य ऑब्जेक्ट की एक सरणी भी हो सकते हैं।
 वाक्य - विन्यास: 
var object_name = {key1: 'value1', // scalar value key2: 'value', key3: function () {// functions}, key4: ['content1', 'content2']
ऑब्जेक्ट में स्केलर मान, फ़ंक्शंस और संरचनाएं जैसे सरणियाँ और ट्यूपल्स हो सकते हैं।
 उदाहरण: 
var person = {firstname: 'Danny', lastname: 'Green'} // ऑब्जेक्ट वैल्यूज को सांत्वना देते हैं ।log (person.firstname) कंसोल.log (person.lastname)
संकलन करने पर, यह जावास्क्रिप्ट में समान कोड उत्पन्न करेगा।
 आउटपुट: 
डैनी 
 हरा भरा
ये टाइपस्क्रिप्ट के विभिन्न महत्वपूर्ण तत्व थे। अब, इस टाइपस्क्रिप्ट ट्यूटोरियल के साथ चलते हैं और उपयोग के मामले को समझने के लिए एक उदाहरण देखते हैं।
 टाइपस्क्रिप्ट ट्यूटोरियल: केस का उपयोग करें 
यहां, हम सीखेंगे कि किसी मौजूदा को कैसे कन्वर्ट किया जाए  टाइपस्क्रिप्ट के लिए।
जब हम टाइपस्क्रिप्ट फ़ाइल संकलित करते हैं, तो यह उसी नाम के साथ संबंधित जावास्क्रिप्ट फ़ाइल तैयार करती है। यहां, हमें यह सुनिश्चित करने की आवश्यकता है कि हमारी मूल जावास्क्रिप्ट फ़ाइल जो इनपुट के रूप में कार्य करती है, उसी निर्देशिका में नहीं हो सकती है ताकि टाइपस्क्रिप्ट उन्हें ओवरराइड न करें।
जावास्क्रिप्ट से टाइपस्क्रिप्ट में माइग्रेट करने की प्रक्रिया में निम्नलिखित चरण शामिल हैं:
 1.Add tsconfig.json प्रोजेक्ट करने के लिए फ़ाइल 
आपको प्रोजेक्ट में tsconfig.json फ़ाइल जोड़ने की आवश्यकता है। टाइपस्क्रिप्ट प्रोजेक्ट के संकलन विकल्पों के प्रबंधन के लिए tsconfig.json फ़ाइल का उपयोग करता है, जैसे कि आप किन फ़ाइलों को शामिल करना चाहते हैं और बाहर करना चाहते हैं।
{[संकलनकर्ता]: {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'शामिल': ['./src/**/*']]।
 2. एक बिल्ड टूल के साथ एकीकृत करें 
अधिकांश जावास्क्रिप्ट परियोजनाओं में एक एकीकृत बिल्ड टूल है जैसे कि गुलप या वेबपैक। आप निम्नलिखित तरीकों से वेबपैक के साथ परियोजनाओं को एकीकृत कर सकते हैं:
टर्मिनल पर निम्न कमांड चलाएँ:
$ npm भयानक-टाइपस्क्रिप्ट-लोडर स्रोत-मानचित्र-लोडर स्थापित करें
वेबपैक एकीकरण में, आप स्रोत कोड के आसान डीबगिंग के लिए स्रोत-मैप-लोडर के साथ संयुक्त भयानक-टाइपस्क्रिप्ट-लोडर का उपयोग करते हैं।
दूसरे, लोडर को शामिल करने के लिए हमारे webpack.config.js फ़ाइल में मॉड्यूल कॉन्फिगर संपत्ति को मर्ज करें।
 3. सभी .js फ़ाइलों को .ts फ़ाइलों में ले जाएँ 
इस चरण में, आपको .js फ़ाइल से .ts फ़ाइल का नाम बदलना होगा। इसी तरह, यदि फ़ाइल JSX का उपयोग करती है, तो आपको इसे .tsx नाम बदलने की आवश्यकता होगी। अब, अगर हम टाइपस्क्रिप्ट को सपोर्ट करने वाले एडिटर में उस फाइल को खोलते हैं, तो कुछ कोड कंपाइलिंग एरर देना शुरू कर सकते हैं। इसलिए, एक-एक करके फ़ाइलों को परिवर्तित करना संकलन त्रुटियों को अधिक आसानी से संभालने की अनुमति देता है। यदि टाइपस्क्रिप्ट को रूपांतरण के दौरान कोई संकलन त्रुटियाँ मिलती हैं, तो यह अभी भी कोड का अनुवाद करने में सक्षम है।
 4. त्रुटियों की जाँच करें 
तुरंत ts फ़ाइल में js फ़ाइल ले जाने के बाद, टाइपस्क्रिप्ट हमारे कोड की टाइप जाँच शुरू कर देगा। तो, आपको जावास्क्रिप्ट कोड में नैदानिक ​​त्रुटियां मिल सकती हैं।
 5. थर्ड पार्टी जावास्क्रिप्ट लाइब्रेरीज़ का इस्तेमाल करें 
जावास्क्रिप्ट परियोजनाएं तृतीय-पक्ष पुस्तकालयों का उपयोग करती हैं, जैसे  या लोदाश। फ़ाइलों को संकलित करने के लिए, टाइपस्क्रिप्ट को इन पुस्तकालयों में सभी वस्तुओं के प्रकारों को जानना होगा। जावास्क्रिप्ट पुस्तकालयों के लिए टाइपस्क्रिप्ट प्रकार परिभाषा फाइलें निश्चित रूप से पहले से ही उपलब्ध हैं। तो, इस प्रकार को बाहरी रूप से स्थापित करने की आवश्यकता नहीं है। आपको केवल उन प्रकारों को स्थापित करने की आवश्यकता है जो हमारी परियोजना में उपयोग किए जाते हैं।
JQuery के लिए, आप परिभाषा को स्थापित कर सकते हैं:
$ npm @ प्रकार / jquery स्थापित करें
इसके बाद, जावास्क्रिप्ट प्रोजेक्ट में बदलाव करें, बिल्ड टूल चलाएं। अब, आपको टाइपस्क्रिप्ट प्रोजेक्ट को सादे जावास्क्रिप्ट में संकलित करना चाहिए जो ब्राउज़र में चलाया जा सकता है।
इसके साथ, हम इस टाइपस्क्रिप्ट ट्यूटोरियल के अंत में आ गए हैं। मुझे उम्मीद है कि आप टाइपस्क्रिप्ट के सभी महत्वपूर्ण तत्वों को समझ गए होंगे।
 इसकी जाँच पड़ताल करो     Edureka द्वारा।  वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, Twitter बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी। 
 क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया 'टाइपस्क्रिप्ट ट्यूटोरियल' के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।