یونینز اور تنگ کرنا

حقیقی دنیا میں، متغیرات اور API کے جوابات میں ہمیشہ ایک ہی مقررہ قسم نہیں ہوتی ہے۔ TypeScript تغیرات کو سنبھالنے کے لیے یونین قسمیں اور رن ٹائم پر ان پر محفوظ طریقے سے کام کرنے کے لیے Type Narrowing پیش کرتا ہے۔

یونین کی اقسام

یونین کی قسم متغیر کو مختلف اقسام کی اقدار کو قبول کرنے کی اجازت دیتی ہے۔ اس کا اظہار عمودی بار (|) علامت کا استعمال کرتے ہوئے کیا جاتا ہے:

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

تاہم، یونین کی قسم کے ساتھ کام کرتے وقت، ہم براہ راست ان طریقوں کو کال نہیں کر سکتے جو صرف ایک قسم سے تعلق رکھتے ہوں (مثال کے طور پر، ہم .toUpperCase() کو کال نہیں کر سکتے ہیں اگر متغیر بھی number ہو سکتا ہے)۔ ہمیں پہلے قسم کو "تنگ" کرنا چاہیے۔

تنگ کرنا ٹائپ کریں۔

Type Narrowing وہ عمل ہے جہاں TypeScript رن ٹائم پر متغیر کے لیے زیادہ مخصوص قسم کا اندازہ لگانے کے لیے کنٹرول فلو ڈھانچے (جیسے 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
  }
}

امتیازی یونینز

امتیازی یونینز کا پیٹرن ایسی اشیاء بنانے پر مشتمل ہوتا ہے جو ایک منفرد لفظی قدر (جسے discriminator کہا جاتا ہے) کے ساتھ مشترکہ پراپرٹی کا اشتراک کرتے ہیں۔ TypeScript اس امتیاز کو پہچانتا ہے اور خود بخود قسم کو مشروط بلاکس کے اندر تنگ کر دیتا ہے۔

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: امتیازی یونین کی شکل