উপনাম বনাম ইন্টারফেস টাইপ করুন

TypeScript-এ, আমরা দুটি প্রাথমিক উপায়ে জটিল বস্তুর গঠন সংজ্ঞায়িত করতে পারি: ইন্টারফেস (interface) অথবা Type Aliases (type) ব্যবহার করে। উভয়ই একটি বস্তু বা ডেটা কাঠামোর "আকৃতি" বর্ণনা করতে পরিবেশন করে, তবে তাদের কয়েকটি মৌলিক পার্থক্য রয়েছে।

ইন্টারফেস (interface)

একটি ইন্টারফেস একটি বস্তুর কাঠামোর জন্য একটি চুক্তি সংজ্ঞায়িত করে। এটি একটি এক্সটেনসিবল উপায়ে অবজেক্টের আকার এবং সর্বজনীন API বর্ণনা করার জন্য আদর্শ টুল।

interface Book {
  title: string;
  pages: number;
  author?: string; // Optional property (can be omitted)
}

const myBook: Book = {
  title: 'The Lord of the Rings',
  pages: 1200,
};

প্রশ্ন চিহ্ন (?) একটি সম্পত্তিকে ঐচ্ছিক হিসেবে চিহ্নিত করে। myBook অবজেক্টটি বৈধ এমনকি যদি এটি author প্রপার্টি বাদ দেয়।

টাইপ উপনাম (type)

একটি টাইপ উপনাম আপনাকে আদিম প্রকার, ইউনিয়ন, টিপলস, বা সম্পূর্ণ অবজেক্ট স্ট্রাকচার সহ যেকোন বিদ্যমান প্রকারের সাথে একটি নতুন নাম যুক্ত করতে দেয়।

type Point = {
  x: number;
  y: number;
};

const coordinates: Point = { x: 10, y: 20 };

মূল পার্থক্য: এক্সটেনশন এবং ঘোষণা মার্জিং

যদিও interface এবং type বেশিরভাগ সাধারণ ব্যবহারের ক্ষেত্রে বিনিময়যোগ্য, তারা দুটি গুরুত্বপূর্ণ পার্থক্য প্রদর্শন করে:

1. এক্সটেনসিবিলিটি (উত্তরাধিকার)

ইন্টারফেসগুলি extends কীওয়ার্ড ব্যবহার করে প্রসারিত করা হয়েছে:

interface User {
  username: string;
}

interface Admin extends User {
  privileges: string[];
}

প্রকার উপনামগুলি extends ব্যবহার করে বাড়ানো যাবে না, তবে সেগুলিকে ইন্টারসেকশন অপারেটর (&) ব্যবহার করে একত্রিত করা যেতে পারে:

type User = {
  username: string;
};

type Admin = User & {
  privileges: string[];
};

2. ঘোষণা মার্জিং

একই সুযোগে একই নামের একাধিক ইন্টারফেস স্বয়ংক্রিয়ভাবে কম্পাইলার দ্বারা একত্রিত হয়:

interface User {
  name: string;
}
interface User {
  email: string;
}
// Now User has both 'name' and 'email'!

এই আচরণ সমর্থিত নয় টাইপ উপনামের দ্বারা: একই type দুবার ঘোষণা করলে একটি কম্পাইল-টাইম ত্রুটি ট্রিগার হবে।

নিজে চেষ্টা করে দেখুন

অনুশীলনী 1: ইউজার ইন্টারফেস

অনুশীলনী 2: Point2D টাইপ উপনাম

ব্যায়াম 3: ইন্টারফেস প্রসারিত করা

অনুশীলনী 4: সার্ভার কনফিগারেশন