টাইপ গার্ডস

টাইপ সংকীর্ণতা টাইপস্ক্রিপ্টের অন্যতম গুরুত্বপূর্ণ ধারণা। প্রায়শই, যদিও, 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 বনাম টাইপ গার্ড)

টাইপ কাস্টিং (যেমন, 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: অ্যাডমিন টাইপ গার্ড