गार्ड टाइप करें

टाइप संकुचन टाइपस्क्रिप्ट में सबसे महत्वपूर्ण अवधारणाओं में से एक है। हालाँकि, अक्सर मानक प्रकार के गार्ड जैसे typeof या instanceof जटिल कस्टम ऑब्जेक्ट के लिए पर्याप्त नहीं होते हैं। यहीं पर कस्टम टाइप गार्ड आते हैं।

मानक प्रकार के गार्ड

आइए संक्षेप में शुरुआत करें कि टाइपस्क्रिप्ट मानक जावास्क्रिप्ट ऑपरेटरों का उपयोग करके प्रकारों को कैसे सीमित करता है:

function processInput(val: string | number) {
  if (typeof val === 'string') {
    // Here 'val' is of type string
    console.log(val.toUpperCase());
  } else {
    // Here 'val' is of type number
    console.log(val.toFixed(2));
  }
}

कस्टम टाइप गार्ड (is ऑपरेटर)

एक कस्टम टाइप गार्ड को परिभाषित करने के लिए, हम एक फ़ंक्शन बनाते हैं जो मानक बूलियन रिटर्न प्रकार के बजाय parameterName is Type प्रारूप में टाइप प्रेडिकेट लौटाता है।

फ़ंक्शन को एक बूलियन (true या false) लौटाना होगा। यदि यह true लौटाता है, तो टाइपस्क्रिप्ट को पता चल जाएगा कि पारित पैरामीटर निर्दिष्ट प्रकार का है।

interface Cat {
  name: string;
  meow(): void;
}

interface Dog {
  name: string;
  bark(): void;
}

// This is a custom type guard
function isCat(animal: Cat | Dog): animal is Cat {
  return (animal as Cat).meow !== undefined;
}

function makeNoise(pet: Cat | Dog) {
  if (isCat(pet)) {
    // Here TypeScript knows 'pet' is a Cat
    pet.meow();
  } else {
    // Here TypeScript knows 'pet' is a Dog
    pet.bark();
  }
}

सुरक्षा और कास्टिंग (as बनाम टाइप गार्ड)

टाइप कास्टिंग (उदाहरण के लिए, val as Cat) कंपाइलर को बिना किसी वास्तविक रनटाइम सत्यापन के डेवलपर पर भरोसा करने के लिए मजबूर करता है। यदि रनटाइम ऑब्जेक्ट अपेक्षाओं को पूरा नहीं करता है, तो कोड चुपचाप विफल हो जाएगा या अपवाद फेंक देगा।

दूसरी ओर, कस्टम प्रकार के गार्ड, वास्तविक चर प्रकार के टाइपस्क्रिप्ट कंपाइलर को सुरक्षित और सटीक रूप से सूचित करते हुए, एक मजबूत और गतिशील रनटाइम जांच करते हैं:

function processInput(input: unknown) {
  // unsafe casting: could crash if input does not have the split method
  // const str = input as string;
  // console.log(str.split(' '));

  // safe guard
  if (isString(input)) {
    console.log(input.split(' ')); // 100% Safe!
  }
}

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

अभ्यास 1: स्ट्रिंग टाइप गार्ड

व्यायाम 2: प्रीमियम उपयोगकर्ता प्रकार गार्ड

अभ्यास 3: कस्टम त्रुटि ऑब्जेक्ट सत्यापन

व्यायाम 4: एडमिन टाइप गार्ड