शुरुआती TypeScript डेवलपर्स की शीर्ष गलतियाँ

शुरुआती TypeScript डेवलपर्स की शीर्ष गलतियाँ

TypeScript एक शक्तिशाली उपकरण है जो अधिक विश्वसनीय और रखरखाव योग्य कोड लिखने में मदद करता है। हालाँकि, किसी भी भाषा की तरह, इसमें भी शुरुआती लोगों के लिए खासकर जाल हैं। कई डेवलपर्स JavaScript से आते हैं और पुरानी आदतों का उपयोग करना जारी रखते हैं, जिससे स्थैतिक टाइपिंग के लाभ समाप्त हो जाते हैं। इस लेख में, हम शुरुआती TypeScript डेवलपर्स की 4 सबसे सामान्य गलतियों पर चर्चा करेंगे, दिखाएंगे कि उन्हें कैसे ठीक किया जाए, और व्यावहारिक सुझाव देंगे। यदि आप अभी TypeScript के साथ अपनी यात्रा शुरू कर रहे हैं, तो यह लेख आपको सामान्य गलतियों से बचने में मदद करेगा।

1. any प्रकार का दुरुपयोग

सबसे आम गलती है जहाँ TypeScript स्वचालित रूप से प्रकार का अनुमान नहीं लगा सकता, वहाँ हर जगह any का उपयोग करना। शुरुआती अक्सर ऐसा लिखते हैं:

function processData(data: any) {    console.log(data.name.toUpperCase());}

यह वेरिएबल data के लिए प्रकार जाँच को पूरी तरह से बंद कर देता है। आप TypeScript के सभी लाभ खो देते हैं: ऑटो-कम्प्लीशन, त्रुटि जाँच और कोड दस्तावेज़ीकरण।

इसके बजाय क्या करें?

हमेशा स्पष्ट रूप से प्रकार का वर्णन करने का प्रयास करें, भले ही वह जटिल हो। यदि कोड लिखने के समय प्रकार वास्तव में अज्ञात है, तो unknown का उपयोग करें:

function processData(data: unknown) {    if (typeof data === 'object' && data !== null && 'name' in data) {        console.log((data as { name: string }).name.toUpperCase());    }}

या, इससे भी बेहतर, एक इंटरफ़ेस का वर्णन करें:

interface DataItem {    name: string;    age?: number;}

function processData(data: DataItem) {    console.log(data.name.toUpperCase());}

सुझाव: tsconfig.json में noImplicitAny: true सेट करें। कंपाइलर किसी भी अंतर्निहित any पर आपत्ति जताएगा, और आप प्रकार लिखने की आदत डाल लेंगे।

2. strictNullChecks को अनदेखा करना

JavaScript में, null और undefined सामान्य मान हैं। सख्त जाँच के बिना TypeScript में, आप गलती से null की किसी प्रॉपर्टी तक पहुँच सकते हैं और रनटाइम में त्रुटि प्राप्त कर सकते हैं। एक सामान्य गलती:

function getLength(str: string | null) {    return str.length; // त्रुटि: Object is possibly 'null'}

यदि strictNullChecks बंद है, तो TypeScript आपको चेतावनी नहीं देगा, और त्रुटि केवल रनटाइम में दिखाई देगी।

समाधान: tsconfig.json में strict: true चालू करें। यह स्वचालित रूप से strictNullChecks को सक्रिय करेगा। अब TypeScript आपको null और undefined को संभालने के लिए मजबूर करेगा:

function getLength(str: string | null): number {    if (str === null) {        return 0;    }    return str.length;}

// या optional chaining और nullish coalescing का उपयोग करें:function getLengthSafe(str: string | null): number {    return str?.length ?? 0;}

महत्वपूर्ण: strictNullChecks को कभी बंद न करें। यह TypeScript की मुख्य विशेषताओं में से एक है जो लाखों बगों को रोकता है।

3. async/await और प्रॉमिस के साथ गलत काम करना

TypeScript एसिंक्रोनस फ़ंक्शन को सख्ती से टाइप करता है, लेकिन शुरुआती अक्सर Promise रिटर्न प्रकार के बारे में भूल जाते हैं। गलती का उदाहरण:

async function fetchUser(id: number) {    const response = await fetch(`/api/users/${id}`);    return response.json(); // TypeScript को सटीक प्रकार नहीं पता हो सकता}

यहाँ, response.json() Promise<any> लौटाता है, और आप फिर से टाइपिंग खो देते हैं। दूसरी सामान्य समस्या त्रुटियों को संभालना भूल जाना है:

async function loadData() {    const data = await fetchUser(1); // यदि fetch विफल हो जाता है, तो त्रुटि संभाली नहीं गई    console.log(data.name);}

सही तरीका क्या है?

हमेशा स्पष्ट रूप से निर्दिष्ट करें