उपनाम बनाम इंटरफ़ेस टाइप करें

टाइपस्क्रिप्ट में, हम जटिल वस्तुओं की संरचना को दो प्राथमिक तरीकों से परिभाषित कर सकते हैं: इंटरफ़ेस (interface) या टाइप उपनाम (type) का उपयोग करना। दोनों किसी वस्तु या डेटा संरचना के "आकार" का वर्णन करने का काम करते हैं, लेकिन उनमें कुछ बुनियादी अंतर हैं।

इंटरफ़ेस (interface)

एक इंटरफ़ेस किसी ऑब्जेक्ट की संरचना के लिए एक अनुबंध को परिभाषित करता है। यह ऑब्जेक्ट आकृतियों और सार्वजनिक एपीआई का विस्तार योग्य तरीके से वर्णन करने के लिए मानक उपकरण है।

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: प्वाइंट2डी प्रकार उपनाम

व्यायाम 3: इंटरफ़ेस का विस्तार

अभ्यास 4: सर्वर कॉन्फ़िगरेशन