𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝘃𝘀 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁: 𝗔 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿'𝘀 𝗚𝘂𝗶𝗱𝗲

JavaScript वेब को चलाता है। यह Node.js के माध्यम से आपके इंटरफेस और सर्वर को शक्ति प्रदान करता है। लेकिन जैसे-जैसे आपका कोड बढ़ता है, इसे मैनेज करना कठिन हो जाता है। अक्सर ऐप चलते समय त्रुटियां (errors) हो जाती हैं।

TypeScript इसे हल करता है। यह JavaScript का एक वर्ज़न है जो 'types' जोड़ता है। यह आपको कोड चलाने से पहले ही गलतियों को पकड़ने में मदद करता है।

TypeScript का उपयोग क्यों करें?

• स्टैटिक टाइपिंग (Static Typing): आप परिभाषित करते हैं कि डेटा कैसा दिखेगा। यह कई बग्स (bugs) को रोकता है। • बेहतर टूल्स: आपका एडिटर आपको बेहतर ऑटो-कम्प्लीशन (autocompletion) और नेविगेशन प्रदान करता है। • पठनीयता (Readability): इंटरफेस आपके कोड को पढ़ने और समझने में आसान बनाते हैं। • अनुकूलता (Compatibility): TypeScript किसी भी वातावरण के लिए क्लीन JavaScript में बदल जाता है।

इस कोड उदाहरण को देखें:

function getStringLength(input: string): number {
    return input.length;
}

const myString: string = "Hello";
const length: number = getStringLength(myString);

JavaScript में, आप उस फंक्शन में एक नंबर पास कर सकते हैं जिससे आपका ऐप क्रैश हो सकता है। TypeScript में, एडिटर आपको तुरंत त्रुटि (error) बता देता है।

मुख्य अंतर:

• JavaScript डायनामिक टाइपिंग (dynamic typing) का उपयोग करता है। इससे रनटाइम एरर (runtime errors) आते हैं। • TypeScript स्टैटिक टाइपिंग (static typing) का उपयोग करता है। यह डेवलपमेंट के दौरान ही गलतियों को पकड़ लेता है। • JavaScript रन करते समय डिबगिंग (debugging) पर निर्भर करता है। • TypeScript टाइप करते समय ही गलतियों को खोजने के लिए टूल्स का उपयोग करता है।

आपको अपने डेटा को स्ट्रक्चर करने के लिए इंटरफेस (interfaces) का उपयोग करना चाहिए। यहाँ एक उदाहरण दिया गया है:

interface User {
    id: number;
    name: string;
    email?: string;
}

const user1: User = {
    id: 1,
    name: "Jane Doe"
};

यह स्ट्रक्चर आपके डेटा को व्यवस्थित और अनुमानित (predictable) रखता है।

यदि आप बड़े प्रोजेक्ट्स पर काम करते हैं, तो TypeScript का उपयोग करना शुरू करें। आपको सब कुछ एक साथ बदलने की आवश्यकता नहीं है। एक बार में एक फ़ाइल बदलें। यह आपके कोड को मैनेज करने में आसान बनाता है और इसमें गलतियों की संभावना कम हो जाती है।

स्रोत: https://dev.to/gautammanak1/understanding-javascript-and-typescript-a-developers-guide-5gef