मौलिक जेनेरिक

जेनरिक (जेनेरिक प्रोग्रामिंग) टाइपस्क्रिप्ट की सबसे शक्तिशाली विशेषताओं में से एक है। वे आपको लचीले, पुन: प्रयोज्य घटकों, कार्यों और इंटरफेस को लिखने की अनुमति देते हैं जो अधिकतम प्रकार की सुरक्षा बनाए रखते हुए और any के उपयोग से बचते हुए विभिन्न डेटा प्रकारों के साथ काम कर सकते हैं।

सामान्य कार्य

जेनेरिक को प्रकारों के लिए एक वेरिएबल के रूप में सोचें। आइए एक ऐसे फ़ंक्शन पर विचार करें जो इसे दिए गए मान को एक तर्क के रूप में लौटाता है:

function identity<T>(arg: T): T {
  return arg;
}

अक्षर T (Type का संक्षिप्त रूप) प्रकार के लिए प्लेसहोल्डर है। जब हम identity को कॉल करते हैं, तो टाइपस्क्रिप्ट पारित तर्क के प्रकार को कैप्चर करता है और स्वचालित रूप से T को उस प्रकार पर सेट करता है:

const str = identity<string>('Hello'); // T is string
const num = identity(42); // T is number (automatically inferred!)

जेनेरिक इंटरफेस और उपनाम

जेनेरिक कंटेनर या डेटा संरचनाओं को परिभाषित करने के लिए जेनेरिक को इंटरफेस और प्रकार के उपनामों पर भी लागू किया जा सकता है:

interface Box<T> {
  content: T;
}

const stringBox: Box<string> = { content: 'TypeScript' };
const numberBox: Box<number> = { content: 42 };

एकाधिक प्रकार के पैरामीटर

हम ऐसे फ़ंक्शंस या प्रकारों को परिभाषित कर सकते हैं जो एकाधिक प्रकार के चर का उपयोग करते हैं (उदाहरण के लिए, T और U):

function mergeObjects<T, U>(obj1: T, obj2: U): T & U {
  return { ...obj1, ...obj2 };
}

सामान्य बाधाएँ

कभी-कभी हम किसी जेनेरिक द्वारा स्वीकृत प्रकारों को सीमित करना चाहते हैं। हम बाधा जोड़ने के लिए extends कीवर्ड का उपयोग कर सकते हैं।

उदाहरण के लिए, यदि हम चाहते हैं कि सामान्य प्रकार में हमेशा एक length गुण हो (जैसे स्ट्रिंग या सरणियाँ):

interface HasLength {
  length: number;
}

function logLength<T extends HasLength>(arg: T): void {
  console.log(arg.length); // Safe! We know arg has 'length'
}

logLength('Hello'); // Valid
logLength([1, 2, 3]); // Valid
// logLength(42); // Error: number does not have a length property!

खुद कोशिश करना

अभ्यास 1: सामान्य पहचान फ़ंक्शन

व्यायाम 2: जेनेरिक बॉक्स रैपर

व्यायाम 3: सामान्य बाधा

व्यायाम 4: सामान्य जोड़ी