TypeScript Academy · पाठ

TypeScript, JavaScript में क्या जोड़ता है

जानें कि TypeScript स्थिर प्रकारों के साथ JavaScript का विस्तार कैसे करता है।

पाठ 2, कुल 4 में से13 चरण

TypeScript, JavaScript में क्या जोड़ता है, CoddyKit पर TypeScript Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह TypeScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। TypeScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

स्वागत है

TypeScript, JavaScript का एक सुपरसेट है जो स्थैतिक प्रकार-घोषणाएँ जोड़ता है। इस पाठ में आप ठीक-ठीक सीखेंगे कि साधारण JavaScript के ऊपर TypeScript क्या सुविधाएँ जोड़ता है।

TypeScript एक सुपरसेट है

JavaScript की हर मान्य फ़ाइल TypeScript में भी मान्य होती है। आप .js फ़ाइल का नाम बदलकर .ts कर सकते हैं और वह संकलित हो जाएगी। TypeScript केवल अतिरिक्त सुविधाएँ जोड़ता है—यह JavaScript सिंटैक्स को कभी नहीं हटाता।

प्रकार-घोषणाएँ

सबसे स्पष्ट अतिरिक्त सुविधा प्रकार-घोषणाएँ हैं। आप कोलन के बाद किसी चर, पैरामीटर या वापसी मान का प्रकार घोषित करते हैं।
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

संकलन-समय प्रकार जाँच

TypeScript आपके कोड के चलने से पहले प्रकारों की जाँच करता है। यदि आप गलत प्रकार सौंपते हैं, तो संकलक रनटाइम क्रैश के बजाय एक त्रुटि बताता है।
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

इंटरफ़ेस और प्रकार उपनाम

TypeScript ऑब्जेक्ट की संरचना का वर्णन करने के लिए इंटरफ़ेस और प्रकार उपनाम जोड़ता है। ये केवल संकलन के समय मौजूद होते हैं—इनसे कोई JavaScript आउटपुट नहीं बनता।
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

एनम

एनम आपको नामित स्थिरांकों का एक समूह परिभाषित करने देते हैं। इंटरफ़ेस के विपरीत, एनम JavaScript कोड भी उत्पन्न करते हैं।
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

जेनेरिक प्रकार

जेनेरिक प्रकार आपको ऐसा कोड लिखने देते हैं जो किसी भी प्रकार के साथ काम करता है और फिर भी प्रकार-सुरक्षित रहता है। पुन: उपयोग योग्य उपयोगिताओं के लिए यह TypeScript की एक प्रमुख सुविधा है।
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

क्लासों पर पहुँच संशोधक

TypeScript क्लासों में पब्लिक, प्राइवेट और प्रोटेक्टेड पहुँच संशोधक जोड़ता है। JavaScript में प्राइवेट के लिए # सिंटैक्स है, लेकिन TypeScript के संशोधकों की जाँच संकलन के समय होती है।
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

नॉन-नल प्रकार

strictNullChecks enabled होने पर null और undefined हर प्रकार को स्वतः नहीं सौंपे जा सकते। आपको यूनियन प्रकारों की सहायता से उन्हें स्पष्ट रूप से स्वीकार करना होगा।
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript रनटाइम पर प्रकार हटा देता है

सभी TypeScript प्रकार-घोषणाएँ संकलन के दौरान हटा दी जाती हैं। आउटपुट साधारण JavaScript होता है—रनटाइम पर प्रकार की कोई जानकारी नहीं होती।

बेहतर आईडीई उपकरण

प्रकार की जानकारी के साथ आईडीई आपके पूरे प्रोजेक्ट में सटीक स्वतः पूर्णता, साथ में दस्तावेज़, सुरक्षित नाम परिवर्तन और सभी संदर्भों को ढूँढने की सुविधा दे सकते हैं।

त्वरित जाँच

कोड संकलित होने पर TypeScript की प्रकार-घोषणाओं का क्या होता है?

पुनरावलोकन

TypeScript, JavaScript में प्रकार-घोषणाएँ, इंटरफ़ेस, एनम, जेनेरिक प्रकार और पहुँच संशोधक जोड़ता है। संकलन के समय प्रकार की सारी जानकारी हटा दी जाती है। परिणाम अधिक सुरक्षित और उपकरण-अनुकूल JavaScript होता है।
शुरुआत निःशुल्क

एआई शिक्षक के साथ TypeScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
101
पाठ
352

अक्सर पूछे जाने वाले प्रश्न

क्या “TypeScript, JavaScript में क्या जोड़ता है” पाठ निःशुल्क है?

हाँ—“TypeScript, JavaScript में क्या जोड़ता है” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और TypeScript Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। TypeScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“TypeScript, JavaScript में क्या जोड़ता है” में मैं क्या सीखूँगा?

जानें कि TypeScript स्थिर प्रकारों के साथ JavaScript का विस्तार कैसे करता है। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ TypeScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या TypeScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर TypeScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“TypeScript, JavaScript में क्या जोड़ता है” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस TypeScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर TypeScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. JavaScript की कठिनाइयाँ: रनटाइम बग
  2. TypeScript, JavaScript में क्या जोड़ता है
  3. TypeScript को JavaScript में कंपाइल करना
  4. अपने प्रोजेक्ट में TypeScript का उपयोग कब करें
← TypeScript Academy पर वापस जाएँ