టైప్ గార్డ్స్

టైప్‌స్క్రిప్ట్‌లోని అత్యంత ముఖ్యమైన భావనలలో టైప్ సంకుచితం ఒకటి. అయితే, తరచుగా, సంక్లిష్ట అనుకూల వస్తువులకు 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 vs టైప్ గార్డ్స్)

టైప్ కాస్టింగ్ (ఉదా., 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: అడ్మిన్ టైప్ గార్డ్