ইউনিয়ন এবং সংকীর্ণ

বাস্তব জগতে, ভেরিয়েবল এবং API প্রতিক্রিয়াগুলির সর্বদা একটি নির্দিষ্ট ধরন থাকে না। TypeScript পরিবর্তনশীলতা সামলাতে ইউনিয়ন টাইপ এবং রানটাইমে নিরাপদে কাজ করার জন্য টাইপ সংকীর্ণ অফার করে।

ইউনিয়ন প্রকার

একটি ইউনিয়ন টাইপ একটি ভেরিয়েবলকে বিভিন্ন ধরনের মান গ্রহণ করতে দেয়। এটি উল্লম্ব বার (|) চিহ্ন ব্যবহার করে প্রকাশ করা হয়:

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

যাইহোক, একটি ইউনিয়ন টাইপের সাথে কাজ করার সময়, আমরা সরাসরি পদ্ধতিগুলিকে কল করতে পারি না যা শুধুমাত্র একটি প্রকারের সাথে সম্পর্কিত (উদাহরণস্বরূপ, আমরা .toUpperCase() কল করতে পারি না যদি ভেরিয়েবলটি একটি number হতে পারে)। আমরা প্রথমে টাইপ "সংকীর্ণ" করতে হবে।

সংকীর্ণতা টাইপ করুন

টাইপ সংকীর্ণ হল এমন একটি প্রক্রিয়া যেখানে টাইপস্ক্রিপ্ট নিয়ন্ত্রণ প্রবাহের কাঠামো বিশ্লেষণ করে (যেমন 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
  }
}

বৈষম্যপূর্ণ ইউনিয়ন

বৈষম্যমূলক ইউনিয়ন প্যাটার্নটি এমন বস্তু তৈরি করে যা একটি অনন্য আক্ষরিক মান সহ একটি সাধারণ সম্পত্তি ভাগ করে (যাকে বৈষম্যকারী বলা হয়)। 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: বৈষম্যযুক্ত ইউনিয়ন আকৃতি