शुरुआती TypeScript डेवलपर्स की शीर्ष गलतियाँ: उनसे कैसे बचें

शुरुआती TypeScript डेवलपर्स की शीर्ष गलतियाँ: स्वच्छ और सुरक्षित कोड कैसे लिखें

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

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

सबसे आम और खतरनाक गलती — जहाँ TypeScript प्रकार निर्दिष्ट करने के लिए कहे, वहाँ हर जगह any का उपयोग करना। यह आपके कोड को वापस सामान्य JavaScript में बदल देता है, जिससे आप एडिटर संकेतों और संकलन के दौरान प्रकार जांच से वंचित हो जाते हैं।

❌ खराब उदाहरण:

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

const result = processData(42); // रनटाइम में त्रुटि! संख्या में name गुण नहीं है

✅ अच्छा उदाहरण:

interface UserData {    name: string;    age: number;}

function processData(data: UserData): string {    return data.name.toUpperCase();}

const user: UserData = { name: "इवान", age: 30 };const result = processData(user); // सही ढंग से काम करता है

सुझाव: यदि प्रकार वास्तव में अज्ञात है, तो any के बजाय unknown का उपयोग करने का प्रयास करें। unknown आपको मान का उपयोग करने से पहले प्रकार की जाँच करने के लिए मजबूर करेगा।

2. Strict Mode को अनदेखा करना

कई शुरुआती डेवलपर्स "गलतियों से विचलित न होने" के लिए tsconfig.json में सख्त मोड (strict: true) को बंद कर देते हैं। यह आपको TypeScript के मुख्य लाभ — संभावित बग का शीघ्र पता लगाने — से वंचित करता है।

Strict Mode में क्या शामिल है:

• strictNullChecks — यदि स्पष्ट रूप से निर्दिष्ट नहीं किया गया है तो वेरिएबल्स को null और undefined असाइन करने पर रोक लगाता है।
• noImplicitAny — any के अंतर्निहित उपयोग पर रोक लगाता है।
• strictFunctionTypes — फ़ंक्शन प्रकारों की अधिक कठोर जाँच।

❌ Strict Mode के बिना:

function getLength(value: string | null) {    return value.length; // रनटाइम में त्रुटि, यदि value = null}

✅ Strict Mode के साथ:

function getLength(value: string | null): number {    if (value === null) {        return 0; // null को स्पष्ट रूप से संभालें    }    return value.length; // TypeScript जानता है कि value एक string है}

सुझाव: हमेशा tsconfig.json में "strict": true शामिल करें। यह भविष्य में डिबगिंग के घंटे बचाएगा।

3. एसिंक्रोनसिटी के साथ गलत काम

Promises और async/await के साथ त्रुटियाँ क्लासिक हैं। शुरुआती अक्सर त्रुटियों को संभालना भूल जाते हैं या एसिंक्रोनस फ़ंक्शन को गलत तरीके से टाइप करते हैं।

❌ खराब उदाहरण:

async function fetchData(url: string) {    const response = await fetch(url);    const data = response.json(); // await भूल गए!    return data;}

✅ अच्छा उदाहरण:

interface ApiResponse {    id: number;    title: string;}

async function fetchData(url: string): Promise<ApiResponse> {    try {        const response = await fetch(url);        if (!response.ok) {            throw new Error(`HTTP error! status: ${response.status}`);        }        const data: ApiResponse = await response.json();        return data;    } catch (error) {        console.error("डेटा लोड करने में त्रुटि:", error);        throw error; // त्रुटि को आगे बढ़ाएँ    }}

सुझाव: एसिंक्रोनस फ़ंक्शन में त्रुटियों को संभालने के लिए हमेशा try...catch का उपयोग करें और प्रॉमिस लौटाने वाली विधियों को कॉल करते समय await का उपयोग करना न भूलें।

4. अनदेखा करना