टाइपस्क्रिप्ट एडवांस्ड टाइप्स: टेम्पलेट लिटरल और कंडीशनल टाइप्स में महारत हासिल करना

अंतर्राष्ट्रीय उदाहरण: विभिन्न दिनांक प्रारूपों को संभालना

दुनिया के विभिन्न क्षेत्र अलग-अलग दिनांक प्रारूपों का उपयोग करते हैं। आप इन विविधताओं को संभालने के लिए कंडीशनल टाइप्स का उपयोग कर सकते हैं।

type DateFormat = "YYYY-MM-DD" | "MM/DD/YYYY" | "DD.MM.YYYY";

type ParseDate = T extends "YYYY-MM-DD"
  ? { year: number; month: number; day: number; format: "YYYY-MM-DD" }
  : T extends "MM/DD/YYYY"
  ? { month: number; day: number; year: number; format: "MM/DD/YYYY" }
  : T extends "DD.MM.YYYY"
  ? { day: number; month: number; year: number; format: "DD.MM.YYYY" }
  : never;


function parseDate(dateString: string, format: T): ParseDate {
  // (कार्यान्वयन विभिन्न दिनांक प्रारूपों को संभालेगा)
  if (format === "YYYY-MM-DD") {
    const [year, month, day] = dateString.split("-").map(Number);
    return { year, month, day, format } as ParseDate;
  } else if (format === "MM/DD/YYYY") {
    const [month, day, year] = dateString.split("/").map(Number);
    return { month, day, year, format } as ParseDate;
  } else if (format === "DD.MM.YYYY") {
    const [day, month, year] = dateString.split(".").map(Number);
    return { day, month, year, format } as ParseDate;
  } else {
    throw new Error("Invalid date format");
  }
}

const parsedDateISO = parseDate("2023-10-27", "YYYY-MM-DD"); // टाइप: { year: number; month: number; day: number; format: "YYYY-MM-DD"; }
const parsedDateUS = parseDate("10/27/2023", "MM/DD/YYYY"); // टाइप: { month: number; day: number; year: number; format: "MM/DD/YYYY"; }
const parsedDateEU = parseDate("27.10.2023", "DD.MM.YYYY"); // टाइप: { day: number; month: number; year: number; format: "DD.MM.YYYY"; }


console.log(parsedDateISO.year); // यह जानते हुए कि यह वहाँ होगा, वर्ष तक पहुँचें

यह उदाहरण निर्दिष्ट दिनांक प्रारूप के आधार पर विभिन्न दिनांक पार्सिंग फ़ंक्शन को परिभाषित करने के लिए कंडीशनल टाइप्स का उपयोग करता है। ParseDate टाइप यह सुनिश्चित करता है कि लौटाए गए ऑब्जेक्ट में प्रारूप के आधार पर सही गुण हों।

टेम्पलेट लिटरल और कंडीशनल टाइप्स का संयोजन

असली शक्ति तब आती है जब आप टेम्पलेट लिटरल टाइप्स और कंडीशनल टाइप्स को मिलाते हैं। यह अविश्वसनीय रूप से शक्तिशाली टाइप मैनिपुलेशन की अनुमति देता है।

type EventName = `on${Capitalize}`;

type ExtractEventPayload = T extends EventName
  ? { type: T; payload: any }  // प्रदर्शन के लिए सरलीकृत
  : never;


type ClickEvent = EventName<"click">;  // "onClick"
type MouseOverEvent = EventName<"mouseOver">;  // "onMouseOver"


//उदाहरण फ़ंक्शन जो एक टाइप लेता है
function processEvent(event: T): ExtractEventPayload {
    //एक वास्तविक कार्यान्वयन में, हम वास्तव में इवेंट को डिस्पैच करेंगे।
    console.log(`Processing event ${event}`);

    //एक वास्तविक कार्यान्वयन में, पेलोड इवेंट टाइप पर आधारित होगा।
    return { type: event, payload: {} } as ExtractEventPayload;
}

//ध्यान दें कि रिटर्न टाइप्स बहुत विशिष्ट हैं:
const clickEvent = processEvent("onClick");  //  { type: "onClick"; payload: any; }
const mouseOverEvent = processEvent("onMouseOver"); //  { type: "onMouseOver"; payload: any; }

//यदि आप अन्य स्ट्रिंग्स का उपयोग करते हैं, तो आपको never मिलता है:
// const someOtherEvent = processEvent("someOtherEvent"); // टाइप `never` है

सर्वश्रेष्ठ अभ्यास और विचार

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