टाइपप्रति टेम्पलेट स्ट्रिंग प्रकार

टेम्पलेट शाब्दिक प्रकार क्या हैं

टाइपस्क्रिप्ट 4.1 के बाद से, आप अपने स्ट्रिंग्स के लिए टाइपिंग को महत्वपूर्ण रूप से बढ़ा सकते हैं। बस जल्दी से संक्षेप में, टाइपस्क्रिप्ट में आप तथाकथित "शाब्दिक प्रकार" को परिभाषित कर सकते हैं। केवल एक चर को स्ट्रिंग के रूप में परिभाषित करने के बजाय, आप प्रकार को स्ट्रिंग के एक विशिष्ट सेट तक सीमित कर सकते हैं जिसकी अनुमति है।

// Define a mutable string as 'Literal Type'.
let key: "name" | "department" = "name";

// This works, as 'department' is part of the type.
key = "department";
// Won't work, as it's not define in the union type.
key = "company";

// Of course, the same applies for functions.
function getKey(): "name" | "department" {
  return Math.random() <= 0.5 ? "name" : "department";
}

टाइपस्क्रिप्ट 4.1 से शुरू होकर, इस अवधारणा को और विकसित किया गया है। जावास्क्रिप्ट से प्रेरणा के रूप में "टेम्पलेट लिटरल स्ट्रिंग्स" लेकर, आप टाइपस्क्रिप्ट में अपने शाब्दिक प्रकारों के लिए समान सिंटैक्स लागू कर सकते हैं। मुख्य अंतर यह है कि "टेम्पलेट शाब्दिक प्रकार" के साथ, आप बहुत अधिक लचीलापन प्राप्त करते हैं, क्योंकि प्रकार स्वयं इस आकार के लिए पैरामीटर ले सकता है - अवधारणा जेनरिक के समान है, लेकिन इसमें थोड़ा अलग है कि इसके लिए विशिष्ट मूल्यों की आवश्यकता होती है।

// Define a Literal Type
type State = "ready";

// Nice, isn't it? As in Javascript's 
// 'template literal strings', we can
// reuse the same syntax for TS.
//
// The create type here is now 'Key-ready'.
type Key = `key-${State}`;

// This of course works for union types as well.
// Let's take these non-descriptive types for a 
// quick demo:
type GraphState = "sleep" | "ready" | "error";
type MachineState = "booting" | "running";

// And here's the 'template literal type':
type EntityState = `ES-${GraphState | MachineState}`;

// The possible combinations therefore 
// work out like this:
//
// type EntityState = 'ES-sleep' 
//  | 'ES-ready'
//  | 'ES-error'
//  | 'ES-booting'
//  | 'ES-running'

टाइपस्क्रिप्ट 4.3 के साथ और भी बहुत कुछ है

जैसा कि मैं इसे लिख रहा हूं, टाइपस्क्रिप्ट 4.3 के लिए रिलीज उम्मीदवार जारी किया गया है, जिसमें टेम्पलेट शाब्दिक प्रकारों में और वृद्धि शामिल है।

प्रकार प्रणाली अब और भी अधिक गतिशील है और आपके लिए सही प्रकारों का बेहतर अनुमान लगा सकती है। ये नवीनतम परिवर्तन टेम्पलेट स्ट्रिंग प्रकार को और परिपक्व करते हैं।

// This example is taken 1:1 from 
// Typescript's 4.3 announcement.
// Please check out the link in the
// addendum to see all examples!

declare let s: string;
declare function f<T extends string>(x: T): T;

// Previously: string
// Now       : `hello-${string}`
let x2 = f(`hello ${s}`);

निष्कर्ष

जैसा कि आपने देखा, डायनेमिक प्रकारों को परिभाषित करने के लिए टाइपस्क्रिप्ट एक ऐसी शक्तिशाली भाषा है। यह स्ट्रिंग-आधारित प्रकारों के लिए विशेष रूप से सच है। संस्करण 4.3 में नवीनतम परिवर्तनों के साथ, टाइप सिस्टम पहले से कहीं अधिक सही प्रकार का अनुमान लगा सकता है, जो टाइपस्क्रिप्ट के साथ काम करना केवल एक खुशी है।