యూనియన్లు మరియు సంకుచితం

వాస్తవ ప్రపంచంలో, వేరియబుల్స్ మరియు API ప్రతిస్పందనలు ఎల్లప్పుడూ ఒకే స్థిర రకాన్ని కలిగి ఉండవు. టైప్‌స్క్రిప్ట్ వేరియబిలిటీని నిర్వహించడానికి యూనియన్ రకాలను మరియు రన్‌టైమ్‌లో సురక్షితంగా ఆపరేట్ చేయడానికి టైప్ నారోయింగ్ని అందిస్తుంది.

యూనియన్ రకాలు

యూనియన్ రకం వివిధ రకాల విలువలను అంగీకరించడానికి వేరియబుల్‌ను అనుమతిస్తుంది. ఇది నిలువు పట్టీ (|) చిహ్నాన్ని ఉపయోగించి వ్యక్తీకరించబడింది:

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

అయితే, యూనియన్ రకంతో పని చేస్తున్నప్పుడు, మేము ఒక రకానికి మాత్రమే చెందిన పద్ధతులను నేరుగా కాల్ చేయలేము (ఉదాహరణకు, వేరియబుల్ కూడా number అయితే మేము .toUpperCase()కి కాల్ చేయలేము). మేము మొదట రకాన్ని "ఇరుకైన" చేయాలి.

టైప్ నారోయింగ్

టైప్ నారోయింగ్ అనేది టైప్‌స్క్రిప్ట్ అనేది రన్‌టైమ్‌లో వేరియబుల్ కోసం మరింత నిర్దిష్ట రకాన్ని తగ్గించడానికి నియంత్రణ ప్రవాహ నిర్మాణాలను (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: వివక్షత యూనియన్ ఆకారం