TypeScript सीखने वालों के लिए 7 घातक गलतियाँ और उनसे कैसे बचें

परिचय: क्यों TypeScript शुरुआती लोगों को परेशान करता है, या अपना पहला प्रोजेक्ट कैसे बर्बाद न करें

क्या आपने कभी महसूस किया है कि TypeScript एक सख्त टीचर की तरह है जो हर छोटी गलती पर फेल कर देता है? अगर हाँ — तो आप क्लब में शामिल हो गए हैं। JavaScript से TypeScript पर आने वाला हर दूसरा शुरुआती डेवलपर एक जैसी गलतियाँ करता है। और यह सामान्य है: TypeScript वास्तव में ज़्यादा कठिन है, इसमें अनुशासन और टाइप्स की समझ चाहिए।

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

अगर आपने अभी TypeScript सीखना शुरू किया है या पहले से कुछ गलतियाँ कर चुके हैं — यह आर्टिकल आपके घंटों का डीबगिंग और तनाव बचाएगा। चलिए शुरू करते हैं!

गलती #1: बेलगाम any का उपयोग (सारी समस्याओं की जड़)

शुरुआती क्या करते हैं

TypeScript सीखने वालों में सबसे आम गलती है हर जगह any लिखना। लगता है: "अरे, टाइप तो नहीं बताया, पर कोड तो चल रहा है!"

// ❌ बुरा: any TypeScript के सारे फायदे खत्म कर देता है\nfunction processData(data: any) {\n    console.log(data.name.toUpperCase());\n    return data.price * 2;\n}\n\nconst result = processData({ name: "लैपटॉप", price: 500 });\n// सब काम कर रहा है... जब तक null नहीं भेजते\nprocessData(null); // रनटाइम एरर!

यह गलती क्यों है

any TypeScript का ब्लैक होल है। जब आप any लिखते हैं, तो आप कंपाइलर से कहते हैं: "हटो, मैं खुद संभाल लूँगा।" और वह हट जाता है। आप ऑटो-कम्पलीशन, टाइप चेकिंग और बेवकूफी भरी गलतियों से सुरक्षा खो देते हैं। TypeScript वापस JavaScript बन जाता है — अपनी सारी कमियों के साथ।

सही तरीका

कंक्रीट टाइप्स का उपयोग करें। अगर टाइप पहले से पता नहीं है — unknown आपका दोस्त है। यह आपको डेटा का उपयोग करने से पहले उसे चेक करने पर मजबूर करेगा।

// ✅ अच्छा: कंक्रीट टाइप्स और unknown\nfunction processData(data: { name: string; price: number }) {\n    console.log(data.name.toUpperCase());\n    return data.price * 2;\n}\n\n// या अगर टाइप सच में अज्ञात है:\nfunction safeProcess(data: unknown) {\n    if (typeof data === 'object' && data !== null && 'name' in data) {\n        // अब TypeScript जानता है कि data एक ऑब्जेक्ट है जिसमें name फील्ड है\n        console.log((data as { name: string }).name);\n    }\n}

सुझाव: ESLint में no-explicit-any नियम चालू करें — यह आपको बिना वजह any का उपयोग करने से रोकेगा।

गलती #2: strict mode को नज़रअंदाज़ करना (या "मेरा कोड क्यों चल रहा है लेकिन सही नहीं")

शुरुआती क्या करते हैं

TypeScript सीखते समय कई शुरुआती डेवलपर्स tsconfig.json में सख्त मोड बंद कर देते हैं या चालू ही नहीं करते। सोचते हैं: "चलता है, कम कंपाइलेशन एरर आएँगे।"

// ❌ बुरा: strict: false\n// tsconfig.json\n{\n    "compilerOptions": {\n        "strict": false, // गलती!\n        "noImplicitAny": false,\n        "strictNullChecks": false\n    }\n}\n\n// अब यह कोड बिना एरर के कंपाइल हो जाएगा:\nfunction greet(name: string | null) {\n    console.log(name.toUpperCase()); // संभावित null!\n}\ngreet(null); // Runtime error: Cannot read properties of null

यह गलती क्यों है

सख्त मोड के बिना TypeScript अपनी आधी ताकत खो देता है। आपको संभावित null और undefined के बारे में चेतावनी नहीं मिलती, आर्गुमेंट्स के टाइप्स चेक नहीं होते — और अंत में प्रोडक्शन में बग्स पकड़ते हैं।

सही तरीका

हमेशा strict: true चालू करें। यह एक साथ सारी सख्त जाँचें एक्टिवेट कर देता है।

// ✅ अच्छा: strict: true\n{\n    "compilerOptions": {\n        "strict": true,\n        "target": "ES2020",\n        "module": "ESNext"\n    }\n}\n\n// अब TypeScript आपको null को हैंडल करने पर मजबूर करेगा:\nfunction g