Kodokon kodokon.com

TypeScript क्यों, आपकी पहली टाइप की गई फ़ाइल

जानें कि TypeScript क्या है, यह किस समस्या को हल करता है, और अपनी बिल्कुल पहली टाइप की गई फ़ाइल लिखें।

6 मिनट · 3 प्रश्न

इस पाठ को Kodokon में खोलें

आप पहले से ही JavaScript जानते हैं, वह भाषा जो वेब पेजों को इंटरैक्टिव बनाती है। TypeScript JavaScript का एक विस्तार है: कोई भी वैध JavaScript कोड TypeScript कोड भी होता है। इसका बड़ा योगदान है टाइप। एक टाइप किसी मान की प्रकृति का वर्णन करता है: एक टेक्स्ट, एक संख्या, एक सही या गलत... अपने वेरिएबल्स का टाइप बताकर, आप कंप्यूटर को अपने कोड को चलाने से पहले जाँचने देते हैं।

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

JAVASCRIPT
function addTax(price) {
  return price + price * 0.2;
}

const total = addTax("100");
console.log(total); // "10020" instead of 120!
JavaScript में, यह गलती पूरी तरह से अनदेखी रह जाती है।

TypeScript के साथ, आप एक टाइप एनोटेशन जोड़ते हैं: किसी पैरामीटर या वेरिएबल के नाम के ठीक बाद, एक कोलन उसके बाद टाइप। फिर TypeScript कोड को कंपाइल किया जाता है, यानी कंपाइलर (tsc) नामक टूल द्वारा उसे सादे JavaScript में अनुवादित किया जाता है। इसी चरण के दौरान टाइप की त्रुटियाँ पकड़ी जाती हैं और रिपोर्ट की जाती हैं।

TYPESCRIPT
function addTax(price: number): number {
  return price + price * 0.2;
}

const total = addTax(100);
console.log(total); // 120
यहाँ, addTax("100") लिखने पर उसे निष्पादन से पहले ही अस्वीकार कर दिया जाएगा।

अब आइए आपकी पहली टाइप की गई फ़ाइल लिखें। एक TypeScript फ़ाइल .js के बजाय .ts एक्सटेंशन का उपयोग करती है। इसके अंदर, आप सामान्य JavaScript लिखते हैं, जिसे टाइप एनोटेशन से समृद्ध किया जाता है।

TYPESCRIPT
let firstName: string = "Sarah";
let age: number = 28;

console.log(firstName + " is " + age + " years old.");
आपकी पहली फ़ाइल: hello.ts

ज्ञान जांच

सुनिश्चित करें कि आपको इस पाठ के मुख्य बिंदु याद हैं।

  1. JavaScript के संबंध में TypeScript क्या है?
    • JavaScript से बिल्कुल अलग एक भाषा
    • JavaScript का एक विस्तार जो टाइप जोड़ता है
    • JavaScript को तेज़ बनाने का एक टूल
    • एक वेब ब्राउज़र
  2. जब आप किसी .ts फ़ाइल को कंपाइल करते हैं तो क्या होता है?
    • यह एक सादी JavaScript फ़ाइल में बदल जाती है
    • यह सीधे ब्राउज़र द्वारा निष्पादित होती है
    • यह एक HTML पेज में बदल जाती है
  3. let age: number में एनोटेशन का क्या अर्थ है?
    • वेरिएबल age हमेशा शून्य रहता है
    • वेरिएबल age केवल संख्याएँ ही रख सकता है
    • वेरिएबल age एक टेक्स्ट है
    • वेरिएबल age वैकल्पिक है