வகை காவலர்கள்

டைப் ஸ்கிரிப்டில் உள்ள மிக முக்கியமான கருத்துக்களில் வகை குறுக்குதல் ஒன்றாகும். இருப்பினும், பெரும்பாலும், சிக்கலான தனிப்பயன் பொருள்களுக்கு 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 என வழங்கினால், அனுப்பப்பட்ட அளவுரு குறிப்பிட்ட வகையைச் சேர்ந்தது என்பதை TypeScript அறியும்.

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: நிர்வாக வகை காவலர்