संघ और संकीर्णता

वास्तविक दुनिया में, चर और एपीआई प्रतिक्रियाओं का हमेशा एक निश्चित प्रकार नहीं होता है। टाइपस्क्रिप्ट परिवर्तनशीलता को संभालने के लिए यूनियन प्रकार प्रदान करता है, और रनटाइम पर उन पर सुरक्षित रूप से काम करने के लिए टाइप नैरोइंग प्रदान करता है।

संघ के प्रकार

एक यूनियन प्रकार एक वेरिएबल को विभिन्न प्रकार के मान स्वीकार करने की अनुमति देता है। इसे ऊर्ध्वाधर बार (|) प्रतीक का उपयोग करके व्यक्त किया जाता है:

let result: number | string;
result = 42; // Valid
result = 'Error 404'; // Valid

हालाँकि, यूनियन प्रकार के साथ काम करते समय, हम सीधे उन तरीकों को कॉल नहीं कर सकते हैं जो केवल एक प्रकार से संबंधित हैं (उदाहरण के लिए, हम .toUpperCase() को कॉल नहीं कर सकते हैं यदि वेरिएबल number भी हो सकता है)। हमें पहले प्रकार को "संकीर्ण" करना होगा।

संकुचन टाइप करें

टाइप नैरोइंग वह प्रक्रिया है जहां टाइपस्क्रिप्ट रनटाइम पर एक वेरिएबल के लिए अधिक विशिष्ट प्रकार निकालने के लिए नियंत्रण प्रवाह संरचनाओं (जैसे if या switch) का विश्लेषण करता है।

संकुचन करने के कई तरीके हैं:

1. typeof ऑपरेटर

आदिम प्रकारों को अलग करने के लिए आदर्श:

function printLength(value: string | number) {
  if (typeof value === 'string') {
    // TypeScript knows 'value' is a string here
    console.log(value.length);
  } else {
    // TypeScript knows 'value' is a number here
    console.log(value.toFixed(2));
  }
}

2. in ऑपरेटर

यह जांचने के लिए उपयोग किया जाता है कि किसी वस्तु पर कोई विशिष्ट संपत्ति मौजूद है या नहीं:

interface Fish {
  swim: () => void;
}
interface Bird {
  fly: () => void;
}

function move(animal: Fish | Bird) {
  if ('swim' in animal) {
    animal.swim(); // Narrowing to Fish
  } else {
    animal.fly(); // Narrowing to Bird
  }
}

भेदभावपूर्ण यूनियनें

भेदभावपूर्ण संघ पैटर्न में ऐसी वस्तुएं बनाना शामिल है जो एक अद्वितीय शाब्दिक मूल्य (जिसे डिस्क्रिमिनेटर कहा जाता है) के साथ एक सामान्य संपत्ति साझा करते हैं। टाइपस्क्रिप्ट इस विभेदक को पहचानता है और स्वचालित रूप से सशर्त ब्लॉकों के भीतर प्रकार को सीमित कर देता है।

interface SuccessResponse {
  status: 'success'; // Literal discriminator
  data: string;
}

interface ErrorResponse {
  status: 'error'; // Literal discriminator
  errorMessage: string;
}

type ApiResponse = SuccessResponse | ErrorResponse;

function handleResponse(response: ApiResponse) {
  if (response.status === 'success') {
    console.log('Data received:', response.data);
  } else {
    console.error('An error occurred:', response.errorMessage);
  }
}

खुद कोशिश करना

अभ्यास 1: संघ के प्रकार

व्यायाम 2: मूल प्रकार का संकुचन

व्यायाम 3: 'अंदर' के साथ संकुचन

व्यायाम 4: विभेदित संघ आकार