टाइपस्क्रिप्ट, माइक्रोसॉफ्ट की लोकप्रिय प्रोग्रामिंग भाषा, अपनी नवीनतम रिलीज, टाइपस्क्रिप्ट 5.1 के साथ प्रभावित करना जारी रखती है। रोमांचक नई सुविधाओं और संवर्द्धन से भरपूर, यह संस्करण आपके कोडिंग अनुभव को नए स्तर पर ले जाने का वादा करता है ऊंचाई.

सरलीकृत फ़ंक्शन रिटर्न और एक्सेसर प्रकार

जावास्क्रिप्ट में, जब आप कोई फ़ंक्शन बनाते हैं और रिटर्न स्टेटमेंट का सामना किए बिना इसे निष्पादित करें, यह स्वचालित रूप से मान लौटाता है अपरिभाषित.

टाइपस्क्रिप्ट 5.1 ने एक नई सुविधा पेश की है जो अपरिभाषित लौटने वाले फ़ंक्शन को रिटर्न स्टेटमेंट को पूरी तरह से छोड़ने की अनुमति देती है। यह संवर्द्धन कोड पठनीयता और संक्षिप्तता में सुधार करता है।

समारोहलॉगमैसेज(संदेश: डोरी): अपरिभाषित{
सांत्वना देना.लॉग (संदेश);
// यहां किसी रिटर्न स्टेटमेंट की आवश्यकता नहीं है
}

यह उदाहरण फ़ंक्शन का उपयोग करता है लॉगमैसेज कंसोल पर एक संदेश प्रदर्शित करने के लिए. हालाँकि, फ़ंक्शन स्पष्ट रूप से कोई मान नहीं लौटाता है।

टाइपस्क्रिप्ट 5.1 एक नई सुविधा प्रस्तुत करता है जो गेटर्स और सेटर्स के लिए असंबंधित प्रकारों के उपयोग की अनुमति देता है, जब तक आप स्पष्ट प्रकार के एनोटेशन प्रदान करते हैं।

यह संवर्द्धन उन स्थितियों में अत्यधिक लाभप्रद साबित होता है जहां आपको किसी संपत्ति तक पहुंचने और संशोधित करने के लिए अलग-अलग प्रकारों को लागू करने की आवश्यकता होती है।

कक्षा उपयोगकर्ता {
निजी _नाम: डोरी | व्यर्थ = व्यर्थ;
तय करना नाम (नया नाम: डोरी) {
यह._नाम = नया नाम;
 }
पाना नाम(): डोरी {
वापस करनायह।_नाम?? 'अज्ञात';
 }
}

इस उदाहरण में, उपयोगकर्ता वर्ग में एक निजी है _नाम संपत्ति जो या तो हो सकती है डोरी या व्यर्थ. नाम सेटर एक स्ट्रिंग लेता है नया नाम और इसे असाइन करता है _नाम. नाम प्राप्तकर्ता का मान लौटाता है _नाम यदि यह नहीं है व्यर्थ, या अज्ञात अगर यह है।

यह आपको यह लागू करने की अनुमति देता है कि नाम संपत्ति केवल एक स्ट्रिंग के साथ सेट की जा सकती है, लेकिन नाम संपत्ति प्राप्त करते समय, यह या तो एक स्ट्रिंग हो सकती है या अज्ञात यदि यह अभी तक सेट नहीं किया गया है।

यह सुविधा अधिक लचीली और अभिव्यंजक प्रकार की परिभाषाओं को सक्षम बनाती है जैसा कि नीचे दिए गए उदाहरण में दिखाया गया है।

इंटरफेस सीएसएसएसस्टाइलनियम {
// हमेशा `CSSStyleDeclaration` के रूप में पढ़ा जाता है
पाना शैली(): CSSStyleDeclaration;
// यहां केवल `स्ट्रिंग` लिख सकते हैं।
तय करना शैली (नया मूल्य: डोरी);
}

उपरोक्त उदाहरण में, स्टाइल प्रॉपर्टी में एक गेटर होता है जो CSSStyleDeclaration लौटाता है और एक सेटर होता है जो एक स्ट्रिंग स्वीकार करता है। ये प्रकार असंबंधित हैं, लेकिन टाइपस्क्रिप्ट 5.1 इस प्रकार की प्रकार परिभाषा की अनुमति देता है।

JSX संवर्द्धन

टाइपस्क्रिप्ट 5.1 JSX के लिए कई संवर्द्धन प्रस्तुत करता है। अब यह JSX तत्वों और JSX टैग प्रकारों के बीच डिकौपल्ड टाइप-चेकिंग की अनुमति देता है, जो हो सकता है Redux जैसे पुस्तकालयों के लिए उपयोगी जो घटकों को केवल JSX तत्वों से अधिक वापस लौटने की अनुमति देता है।

आयात * जैसा प्रतिक्रिया से"प्रतिक्रिया";
asyncसमारोहAsyncComponent() {
वापस करना
लोड किया गया</div>;
}
// अब इसकी अनुमति है:
होने देना तत्व = ;

इस उदाहरण में, AsyncComponent फ़ंक्शन एक अतुल्यकालिक फ़ंक्शन है जो JSX तत्व लौटाता है। टाइपस्क्रिप्ट 5.1 आपको इस प्रकार के फ़ंक्शन को JSX घटक के रूप में उपयोग करने की सुविधा देता है, जो पिछले संस्करणों में संभव नहीं था।

टाइपस्क्रिप्ट 5.1 रिएक्ट 17 में पेश किए गए नए जेएसएक्स ट्रांसफॉर्म के लिए भी समर्थन पेश करता है। यह आपको रिएक्ट आयात किए बिना JSX का उपयोग करने की अनुमति देता है।

// पहले
आयात प्रतिक्रिया से"प्रतिक्रिया";
समारोहअवयव() {
वापस करना
नमस्ते विश्व!</h1>;
}
// बाद
समारोहअवयव() {
वापस करना
नमस्ते विश्व!</h1>;
}

उपरोक्त उदाहरण में, कंपोनेंट फ़ंक्शन एक JSX तत्व लौटाता है। टाइपस्क्रिप्ट 5.1 और रिएक्ट 17 में, अब आपको JSX का उपयोग करने के लिए रिएक्ट को आयात करने की आवश्यकता नहीं है।

प्रदर्शन में वृद्धि और टाइपस्क्रिप्ट 5.1 में महत्वपूर्ण परिवर्तन

टाइपस्क्रिप्ट 5.1 प्रदर्शन को बेहतर बनाने के लिए कई अनुकूलन पेश करता है, जिसमें गति, मेमोरी और पैकेज आकार अनुकूलन शामिल हैं, अनावश्यक प्रकार की तात्कालिकता से बचना, यूनियन लिटरल के लिए नकारात्मक केस जाँच, और JSDoc के लिए स्कैनर में कॉल कम करना पार्सिंग.

यहां ऑब्जेक्ट प्रकारों के भीतर अनावश्यक प्रकार की तात्कालिकता से बचने का एक उदाहरण दिया गया है, जिसमें बाहरी प्रकार के मापदंडों के संदर्भ नहीं होते हैं, और यूनियन शाब्दिकों के लिए तेज़ जांच होती है।

प्रकार संघ = 'ए' | 'बी' | 'सी';
समारोहजाँच करना(मूल्य: संघ) {
// ...
}

इस उदाहरण में, टाइपस्क्रिप्ट 5.1 यूनियन में प्रत्येक प्रकार की जांच किए बिना तुरंत जांच कर सकता है कि कोई मान यूनियन प्रकार का हिस्सा है या नहीं।

यहाँ एक और उदाहरण है:

प्रकार बिंदु = { एक्स: संख्या, वाई: संख्या };
समारोहअनुवाद(बिंदु: बिंदु, डीएक्स: संख्या, डाई: संख्या): बिंदु{
वापस करना { x: बिंदु.x + dx, y: बिंदु.y + dy };
}
होने देना पी: प्वाइंट = { एक्स: 1, वाई: 2 };
पी = अनुवाद (पी, 1, 1);

इस उदाहरण में, प्वाइंट प्रकार एक ऑब्जेक्ट प्रकार है जिसमें कोई प्रकार का पैरामीटर नहीं है। जब यह अनुवाद फ़ंक्शन को कॉल करता है, तो टाइपस्क्रिप्ट 5.1 अनावश्यक प्रकार के इंस्टेंटेशन से बच सकता है, जो टाइप-चेकिंग को काफी तेज़ कर सकता है।

टाइपस्क्रिप्ट 5.1 को अपनाना

टाइपस्क्रिप्ट 5.1 शक्तिशाली सुविधाओं और अनुकूलन की एक श्रृंखला पेश करता है जो जावास्क्रिप्ट विकास में क्रांति लाती है। सरलीकृत फ़ंक्शन रिटर्न से लेकर JSX संवर्द्धन और प्रदर्शन को बढ़ावा देने तक, टाइपस्क्रिप्ट 5.1 आपको टाइप चेकिंग और समग्र प्रदर्शन में सुधार करते हुए क्लीनर, अधिक अभिव्यंजक कोड लिखने का अधिकार देता है।

टाइपस्क्रिप्ट 5.1 को अपनाकर, आप नई संभावनाओं को अनलॉक कर सकते हैं और अपनी जावास्क्रिप्ट परियोजनाओं को दक्षता और नवीनता की नई ऊंचाइयों तक पहुंचा सकते हैं। टाइपस्क्रिप्ट 5.1 को अधिक उन्नत और सुव्यवस्थित जावास्क्रिप्ट विकास अनुभव के लिए अपना प्रवेश द्वार बनने दें।