আক্ষরিক প্রকার এবং দাবী

TypeScript ভেরিয়েবলের সম্ভাব্য মানগুলিকে সংকুচিত করতে এবং প্রয়োজনে কম্পাইলারকে আরও নির্দিষ্ট ধরনের চিনতে বাধ্য করার জন্য উন্নত সরঞ্জাম সরবরাহ করে।

আক্ষরিক প্রকার

একটি আক্ষরিক প্রকার একটি সঠিক, একক মান (উদাহরণস্বরূপ, একটি নির্দিষ্ট স্ট্রিং বা সংখ্যা) উপস্থাপন করে। তারা সাধারণত ইউনিয়ন প্রকারের সাথে মিলিত হয়:

type TrafficLight = 'red' | 'yellow' | 'green';
let light: TrafficLight;

light = 'red'; // OK
light = 'blue'; // Error: "blue" is not assignable to TrafficLight

প্রকার দাবী (as)

কখনও কখনও আপনার কাছে এমন একটি ধরণের তথ্য থাকে যা কম্পাইলের সময় টাইপস্ক্রিপ্ট জানতে পারে না। এই ক্ষেত্রে, আপনি as কীওয়ার্ড ব্যবহার করে একটি টাইপ অ্যাসারশন ব্যবহার করতে পারেন:

const myCanvas = document.getElementById('main_canvas') as HTMLCanvasElement;

দাবীটি কম্পাইলারকে বলে: "আমাকে বিশ্বাস করুন, আমি জানি এই উপাদানটি একটি HTMLCanvasElement"। এটি রানটাইমে কোনো চেক বা কাস্ট সঞ্চালন করে না; এটি শুধুমাত্র টাইপ চেকারকে সাহায্য করে।

কন্সট অ্যাসার্টেশন (as const)

যখন আমরা const দিয়ে কোনো বস্তু বা অ্যারে ঘোষণা করি, তখনও TypeScript এর অভ্যন্তরীণ বৈশিষ্ট্য পরিবর্তন করার অনুমতি দেয়। শেষে as const যোগ করার মাধ্যমে, সম্পূর্ণ কাঠামো হিমায়িত করা হয় এবং শুধুমাত্র পঠনযোগ্য করা হয়, সমস্ত বৈশিষ্ট্যকে তাদের সঠিক আক্ষরিক প্রকারে রূপান্তর করে:

const colors = ['red', 'green', 'blue'] as const;
// colors[0] = "yellow"; // Error: array is read-only

টেমপ্লেট আক্ষরিক প্রকার

টেমপ্লেট আক্ষরিক প্রকারগুলি জাভাস্ক্রিপ্ট টেমপ্লেট স্ট্রিংগুলির উপরে তৈরি করা হয়, তবে টাইপ পজিশনে ব্যবহৃত হয়। তারা একাধিক আক্ষরিক ধরনের একত্রিত করার অনুমতি দেয়:

type Size = 'small' | 'large';
type Color = 'red' | 'blue';

// Creates the union: "small-red" | "small-blue" | "large-red" | "large-blue"
type ItemId = `${Size}-${Color}`;

টেমপ্লেট আক্ষরিক প্রকারে স্ট্রিং ইউটিলিটি

TypeScript টেমপ্লেট লিটারাল টাইপের মধ্যে অক্ষরগুলি পরিচালনা করার জন্য বিশেষ ইউটিলিটি প্রকার সরবরাহ করে:

• Capitalize<StringType>: স্ট্রিং এর প্রথম অক্ষর বড় করে।
• Uncapitalize<StringType>: স্ট্রিংটির প্রথম অক্ষরটিকে বড় আকারের করা হয় না।
• Uppercase<StringType>: পুরো স্ট্রিংটিকে বড় হাতের অক্ষরে রূপান্তর করে।
• Lowercase<StringType>: সম্পূর্ণ স্ট্রিংটিকে ছোট হাতের অক্ষরে রূপান্তর করে।

type ActionType = 'click' | 'hover';

// Generates: "onClick" | "onHover"
type EventHandlers = `on${Capitalize<ActionType>}`;

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

ব্যায়াম 1: দিকনির্দেশ আক্ষরিক ইউনিয়ন

ব্যায়াম 2: JSON.parse-এ দাবি

অনুশীলনী 3: ইভেন্টের জন্য টেমপ্লেট আক্ষরিক

ব্যায়াম 4: ক্যাপিটালাইজ সহ টেমপ্লেট লিটারাল টাইপ