टाइपस्क्रिप्ट उपयोगिता प्रकार कैसे बनाएं और उपयोग करें

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

टाइपस्क्रिप्ट उपयोगिता प्रकार क्या हैं?

टाइपस्क्रिप्ट में उपयोगिता प्रकार पूर्व-परिभाषित प्रकार हैं जो अन्य प्रकारों को बदलने में मदद करते हैं। उनका उपयोग मौजूदा प्रकारों के आधार पर नए प्रकार बनाने के लिए किया जा सकता है, या तो गुणों को चुनकर, छोड़कर या संशोधित करके। वे स्वच्छ, पुन: प्रयोज्य कोड को बनाए रखने में एक आवश्यक भूमिका निभाते हैं।

सामान्यतः प्रयुक्त TypeScript उपयोगिता प्रकार

यहां कुछ सबसे अधिक उपयोग किए जाने वाले TypeScript उपयोगिता प्रकार दिए गए हैं:

  • आंशिक<T>T प्रकार के सभी गुणों को वैकल्पिक बनाता है।
  • Required<T>T प्रकार के सभी गुणों को आवश्यक बनाता है।
  • Readonly<T>T प्रकार के सभी गुणों को केवल पढ़ने योग्य बनाता है।
  • Pick<T, K> – प्रकार T से गुणों का एक सेट K चुनता है।
  • Omit<T, K> – प्रकार T से गुणों का एक सेट K निकालता है।
  • रिकॉर्ड<K, T>K प्रकार की कुंजियों और T प्रकार के मानों के साथ एक ऑब्जेक्ट प्रकार का निर्माण करता है।

उदाहरण: आंशिक का उपयोग करना<T>

Partial उपयोगिता प्रकार इंटरफ़ेस के सभी गुणों को वैकल्पिक बनाता है। इसका उपयोग इस प्रकार किया जा सकता है:

interface User {
  name: string;
  age: number;
  email: string;
}

const updateUser = (user: Partial<User>) => {
  // Update logic
};

updateUser({ name: "John" });

इस उदाहरण में, updateUser प्रकार Partial<User> का तर्क स्वीकार करता है, जिसका अर्थ है कि User इंटरफ़ेस के केवल कुछ गुण आवश्यक हैं।

उदाहरण: पिक का उपयोग करना<T, K>

Pick उपयोगिता प्रकार एक प्रकार से गुणों के उपसमूह का चयन करने की अनुमति देता है:

interface User {
  name: string;
  age: number;
  email: string;
}

type UserContactInfo = Pick<User, "name" | "email">;

const contactInfo: UserContactInfo = {
  name: "John",
  email: "john@example.com"
};

यहां, Pick<User, “name” | “email”> मूल User इंटरफ़ेस से केवल name और email गुणों के साथ एक नया प्रकार UserContactInfo बनाता है।

उदाहरण: Omit का उपयोग करना<T, K>

Omit उपयोगिता प्रकार किसी प्रकार से निर्दिष्ट गुणों को हटाता है:

interface User {
  name: string;
  age: number;
  email: string;
}

type UserWithoutEmail = Omit<User, "email">;

const user: UserWithoutEmail = {
  name: "John",
  age: 30
};

इस उदाहरण में, UserWithoutEmail प्रकार को User इंटरफ़ेस से email गुण को हटाकर बनाया गया है।

कस्टम उपयोगिता प्रकार बनाना

कस्टम यूटिलिटी प्रकार भी TypeScript की उन्नत प्रकार सुविधाओं जैसे कि सशर्त प्रकार, मैप किए गए प्रकार, और बहुत कुछ का उपयोग करके बनाए जा सकते हैं। यहाँ एक कस्टम यूटिलिटी प्रकार का सरल उदाहरण दिया गया है जो सभी गुणों को वैकल्पिक बनाता है:

type MyPartial<T> = {
  [P in keyof T]?: T[P];
};

interface User {
  name: string;
  age: number;
  email: string;
}

const user: MyPartial<User> = {
  name: "Alice"
};

यह कस्टम MyPartial प्रकार TypeScript के अंतर्निहित Partial उपयोगिता प्रकार के समान कार्य करता है।

निष्कर्ष

टाइपस्क्रिप्ट उपयोगिता प्रकार लचीले और पुन: प्रयोज्य तरीके से प्रकारों के साथ काम करने के लिए एक आवश्यक विशेषता है। इन उपयोगिता प्रकारों का लाभ उठाकर, कोड को अधिक संक्षिप्त और रखरखाव योग्य बनाया जा सकता है। चाहे Partial, Pick, और Omit जैसे बिल्ट-इन उपयोगिता प्रकारों का उपयोग किया जाए या कस्टम बनाए जाएं, वे टाइपस्क्रिप्ट की प्रकार प्रणाली को महत्वपूर्ण रूप से बढ़ाते हैं।

लिंक
TypeScript