டைப்ஸ்கிரிப்ட் மேம்பட்ட வகைகள்: டெம்ப்ளேட் லிட்டரல் மற்றும் நிபந்தனை வகைகளில் தேர்ச்சி பெறுதல்

சர்வதேச எடுத்துக்காட்டு: வெவ்வேறு தேதி வடிவங்களைக் கையாளுதல்

உலகின் வெவ்வேறு பகுதிகள் வெவ்வேறு தேதி வடிவங்களைப் பயன்படுத்துகின்றன. இந்த மாறுபாடுகளைக் கையாள நிபந்தனை வகைகளைப் பயன்படுத்தலாம்.

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; }

//நீங்கள் மற்ற சரங்களைப் பயன்படுத்தினால், நீங்கள் ஒருபோதும் பெறமாட்டீர்கள்:
// const someOtherEvent = processEvent("someOtherEvent"); // வகை `never`

சிறந்த நடைமுறைகள் மற்றும் பரிசீலனைகள்

• எளிமையாக வைத்திருங்கள்: சக்திவாய்ந்ததாக இருந்தாலும், இந்த மேம்பட்ட வகைகள் விரைவாக சிக்கலாகிவிடும். தெளிவு மற்றும் பராமரிக்கத்தக்க தன்மைக்காக பாடுபடுங்கள்.
• முழுமையாக சோதிக்கவும்: விரிவான யூனிட் சோதனைகளை எழுதுவதன் மூலம் உங்கள் வகை வரையறைகள் எதிர்பார்த்தபடி செயல்படுகின்றன என்பதை உறுதிப்படுத்தவும்.
• உங்கள் குறியீட்டை ஆவணப்படுத்தவும்: குறியீடு வாசிப்பை மேம்படுத்த உங்கள் மேம்பட்ட வகைகளின் நோக்கம் மற்றும் நடத்தையை தெளிவாக ஆவணப்படுத்தவும்.
• செயல்திறனைக் கவனியுங்கள்: மேம்பட்ட வகைகளின் அதிகப்படியான பயன்பாடு தொகுக்கும் நேரத்தை பாதிக்கலாம். உங்கள் குறியீட்டை சுயவிவரப்படுத்தி, தேவைப்படும் இடங்களில் மேம்படுத்தவும்.