TypeScript: `satisfies` ऑपरेटर को मास्टर करना

1// टाइप परिभाषा
2type ColorMap = {
3  primary: string;
4  secondary: string;
5};
6
7// दृष्टिकोण 1: टाइप एनोटेशन - सटीक जानकारी का नुकसान
8const colors: ColorMap = {
9  primary: '#007bff',
10  secondary: '#6c757d',
11}; // मूल्यों का सटीक टाइप खो जाता है
12
13// दृष्टिकोण 2: एनोटेशन के बिना - कोई वैलिडेशन नहीं
14const colors2 = {
15  primary: '#007bff',
16  secondary: '#6c757d',
17}; // ColorMap के खिलाफ कोई वैलिडेशन नहीं

1const colors = {
2  primary: '#007bff',
3  secondary: '#6c757d',
4} satisfies ColorMap;
5
6// ✅ ColorMap से अनुरूपता की जाँच करता है
7// ✅ लिटरल स्ट्रिंग जानकारी को संरक्षित करता है
8// ✅ ऑटोकम्पलीशन पूरी तरह से काम करता है

1type Config = {
2  api: {
3    endpoint: string;
4    timeout?: number;
5  };
6  features: Record<string, boolean>;
7};
8
9const config = {
10  api: {
11    endpoint: 'https://api.example.com',
12    timeout: 5000,
13    retryCount: 3, // अतिरिक्त प्रॉपर्टी की अनुमति है
14  },
15  features: {
16    darkMode: true,
17    betaFeatures: false,
18  },
19} satisfies Config;
20
21// TypeScript आवश्यक प्रॉपर्टीज की उपस्थिति की जाँच करता है
22// जबकि अतिरिक्त प्रॉपर्टीज की अनुमति देता है

1type MediaType = 'image' | 'video' | 'audio';
2
3const MEDIA_CONFIG = {
4  image: { maxSize: 5000000, formats: ['jpg', 'png'] },
5  video: { maxSize: 50000000, formats: ['mp4', 'mov'] },
6  audio: { maxSize: 10000000, formats: ['mp3', 'wav'] },
7} satisfies Record<MediaType, { maxSize: number; formats: string[] }>;
8
9// प्रॉपर्टीज तक पहुंचने पर उनका सटीक टाइप बना रहता है
10const imageFormats = MEDIA_CONFIG.image.formats; // string[]

1type Partial<T> = { [P in keyof T]?: T[P] };
2
3const partialConfig = {
4  api: { endpoint: 'https://api.example.com' },
5} satisfies Partial<Config>;

1// ❌ बहुत प्रतिबंधात्मक
2type StrictConfig = {
3  [K in string]: never;
4} & Config;
5
6// ✅ अधिक लचीला
7type ExtensibleConfig = Config & Record<string, unknown>;

1type Status = 'success' | 'error';
2
3// ❌ भ्रामक हो सकता है
4const result = { status: 'success' as Status };
5
6// ✅ अधिक सुरक्षित
7const result = { status: 'success' } satisfies { status: Status };